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、为代码加入凝视