一. Jquery的入口
写js代码一般等到整个页面加载完成之后,才去执行js操作,尤其涉及到对dom的操作。 JQuery的使用也是如此。一般使用下面的入口来完成。
<script type="text/javascript">
//带整个文档加载完毕之后再去执行我们传入的匿名函数。 document.onload = function () {}
$(document).ready(function () {
//jquery代码
});
//上面的入口可以简写成如下形式,完全与前面的的等价
$(function () {
});
</script>
说明:
$是jquery中的对象。我们使用jquery的所有操作,都是在$的基础上完成的- 其实
$是 jQuery 对象的简称。$ === jQuery
二. jQuery的两个利器
jQuery函数
$或jQuery函数jQuery对象
调用
$或jQuery函数得到的返回值, 即使jQuery对象.
二. jQuery对象和原生DOM对象的互换
使用JQuery获得的是JQuery对象,使用原生js获得的DOM对象,二者是完全不同的对象。使用的时候一定要区别开来。
<script type="text/javascript">
$(function () {
var $div = $("#div");//JQuery操作节点,得到的是JQuery节点对象。Jquery对象一般用$开头来表示
var div = document.getElementById("div"); //得到的DOM对象
/*
DOM对象转换成JQuery对象
$(domObj)
*/
var $div1 = $(div);
/*
JQuery对象用两种方式转变成DOM对象:
1、利用数组下标方式
JQueryObj[0]
2、利用get方法:
JqueryObj.get[0]
*/
var domDiv1 = $div[0];
var domDiv2 = $div.get(0);
});
</script>