首页 > 代码库 > jQuery的优势
jQuery的优势
jQuery的优势(write less,do more)
1、轻量级。jQuery非常轻巧,采用UglifyJS(http://github.com/mishoo/UglifyJS)压缩后,大小保持在30KB左右。
2、强大的选择器。
允许开发者使用从CSS1-CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择权。
3、出色的DOM操作的封装。
jQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候,更得心应手。
4、可靠的事件处理机制
5、完善的Ajax
jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
6、不污染顶级变量。
7、出色的浏览器兼容性
8、链式操作方式
对发生在同一个jQuery对象上的操作,可以直接连写而无重复获取对象。
9、隐式迭代
当想找到带有“.myclass”类的全部元素,并将其隐藏,无需循环遍历每一个返回的元素。
10、行为层与结构层的分离
开发者可以使用jQuery选择器选中元素,然后直接给元素添加事件。使各个方面的开发人员各司其职,互不干涉。
11、丰富的插件支持
12、完善的文档
13、开源
jQuery代码注意事项:
1、对同一个对象不超过3个操作的,可以直接写一行
$("li").show().unbind("click");
2、对于同一个对象的较多操作,建议每行写一个操作
$(this).removeClass("")
.addClass("")
.stop()
.fadeTo(“fast”,0.6)
.fadeTo("fast",1)
.unbind("click")
.click(function(){
});
3、对于多个对象的少量操作,可以每个对象写一行,如果涉及子元素,可考虑适当的缩进
$(this).addClass("highlight")
.children("li").show().end();
.siblings().removeClass("highlight")
.children("li").hide();
4、为代码添加注释