jQuery

懂前端的同志应该都知道jQuery,这是一个轻量级的库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼容性和链式操作等功能,吸引了一大批的开发者学习它。

我想介绍一下jQuery的优势:

1、轻量级

使用过的人应该知道,jQuery有一个压缩了的和一个没有压缩的,压缩的用于开发,没有压缩的可以用于开发者学习源码。通过UglifyJS压缩了的文件只有30KB左右。

2、强大的选择器

jQuery允许开发者使用css1到css3所以的选择器,以及自己独创的高级而复杂的选择器。

3、出色的DOM操作的封装

jQuery封装了大量的DOM操作,简单举一个例子,在JavaScript中的innerHTML就是封装再jQuery中的html()方法。以后还会在具体介绍。

4、可靠的事件处理机制

5、完善的Ajax

jQuery将所有的ajax操作封装在一个函数$.ajax()里,这样开发者就不用关心复杂的浏览器兼容性以及XMLHttpRequest对象的创建和使用问题。

6、不污染顶级变量

使用$随时交出控制权,不会污染其他对象。

7、出色的浏览器兼容性

jQuery修复了浏览器直接的差异,无需创建浏览器兼容库

8、链式操作方式

可以直接连写而无需重复获取对象。例如:

$(this).removeClass("mouseout")

.addClass("mouseover")

.stop()

.fadeTo("fast",0.6)

.fadeTo("fast",1)

.unbind("click")

.click(function(){

//TODO

})

9、隐式迭代

jQuery中的方法都被设计成了自动操作对象集合,而不是单独的对象,这使得大量的循环结构不再必要,减少了代码量。

10、行为层与结构层的分离

开发者可以使用选择器选中元素,然后直接给元素添加事件。

11、丰富的插件支持

12、完善的文档

13、开源

以上学习内容参考于锋利的jQuery,后续学习到的还会继续分享给大家的。

相关推荐