(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>