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,后续学习到的还会继续分享给大家的。