jQuery优点:
- 轻量级:使用
UglifyJS
压缩 - 强大的选择器:加入插件可使其支持
XPath
选择器 - 可靠的事件处理机制
- 完善的Ajax:将所有的Ajax操作封装到一个函数
$.ajax()
里 - 不污染顶级变量:只建立一个名为
jQuery
的对象,别名为$
,所有的函数方法都在这个对象之下。 - 出色的浏览器兼容性
- 链式操作方法
- 隐式迭代
- 行为层与结构层的分离
- 丰富的插件支持
在页面中引入jQuery:
<head>
<script src="../jquery.js" type="text/javascript"></script>
</head>
一.jQuery对象与DOM对象
1.DOM对象
通过JavaScript中的getElementByTagName()
或getElementByID()
来获取元素节点,得到的DOM元素就是DOM对象。
2.jQuery对象
jQuery对象可以使用jQuery里的方法,如下:
$("#foo").html();//html()是jQuery里的方法
二.jQuery对象与DOM对象相互转化
1.jQuery对象转成DOM对象
jQuery对象是类似于数组的对象,通过[index]
与get(index)
来实现效果
var $cr = $("#cr");
var cr = $cr[0];
//或者var cr = $cr.get(0);
2.DOM对象转成jQuery对象
使用$()
将DOM对象包装来获得jQuery对象。 $()
是jQuery对象的制造工厂。
var cr = document.getElementById("cr");
var $cr = $(cr);