js对象和jQuery对象相互转换

时间:2023-12-05 15:53:44

(1)什么是js对象及代码规则

就是使用js-API,即Node接口中的API或是传统JS语法定义的对象,叫做js对象

js代码规则----divElement

var divElement = document.getElementById("divID");

var nameArray = new Array(3);

(2)什么是jQuery对象及代码规则

就是使用jQuery-API,返回的对象就叫做jQuery对象

jQuery代码规则----$div

var $div = $("#divID")

声明:上述代码规则,只是老师个人规则,不代表所有企业都这样做

(3)js对象转成jQuery对象【重点】

语法:$(js对象)---->jQuery对象

例如:$(divElement)---->$div

例如:$(this)---->$this

注意:jQuery对象将js对象做了封装,js对象二边无引号


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js对象和jquery对象的相互转换</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
</head>
<body> <input id="inputID" type="button" value="这就是jQuery库,写少代码,做多事情"/> <div id="divID">哈哈</div> <script type="text/javascript"> /*取得<input>标签中的value属性的内容[js对象->jquery对象]
var inputElement = document.getElementById("inputID");//js对象
var $input = $( inputElement );//jquery对象
var input = $input.val();
alert(input);*/ //取得<div>标签中的文本内容[jquery对象->js对象]
var $div = $("#divID");//jquery对象 //var divElement = $div.get(0);//js对象
var divElement = $div[0];//js对象 var div = divElement.innerHTML;
alert(div); </script> </body>
</html>