jQuery就是简化JavaScript语言代码,提供一种简单快速的接口。
1.selector
可以进行序列化操作,所有操作都是基于初始选择的元素。选择出来就是包装集。
http://blog.csdn.net/luan_tianjiao/article/details/47130517
2.tools & attributes
$.trim(yourString)
http://blog.csdn.net/luan_tianjiao/article/details/47173063
http://blog.csdn.net/luan_tianjiao/article/details/47147793
3.event
http://write.blog.csdn.net/postedit
4.animation
http://blog.csdn.net/luan_tianjiao/article/details/47154581
5.plugin
http://blog.csdn.net/luan_tianjiao/article/details/47191777
6.document ready
动态操作文档结构,前提是需要文档完整加载完毕。如果使用window.onload判断,它不仅是构建DOM树之后,所有图像和其他的外部资源加载完毕,并且在浏览器上显示完毕之后。
jQuery提供了这样的方法 $(document).ready(function(){ ur code here to manipulate the dom tree. });
简写版本 $(function(){ ur code here to manipulate the dom tree. });
7.custom function call
如果想要根据参数化调用动画处理函数,可以使用下面方式
$('#testSubjects').children()[effect](speed,opacity);
effect可以是 "fadeTo" speed是"custom"等速度 opacity是饱和度 0.0-1.0
8.avoid nonsense query
下面的代码可以为jQuery扩展事件暂停和继续方法
比如为一个Dom对象 Button绑定click事件查询数据,查询期间不希望Button被点击导致重复查询
$(Button). pause();即可暂停事件处理 ,查询完成后 $(Button).continue() 即可继续事件处理
实现原理:jQuery绑定事件时会在目标Dom中缓存事件处理函数,并以每个页面唯一的jQuery标识符 jQuery.expando命名,将$(Button).data(jQuery.expando)重命名,即可使事件失效,恢复命名即可恢复事件
$.fn.pause = function (callback) {
try {
this.data("pause" + $.expando, this.data($.expando));
this.removeData($.expando);
if (callback instanceof Function) callback.call(this);
}
catch (e) {
}
}
$.fn.continue=function(callback){
try {
this.data($.expando, this.data("pause" + $.expando));
this.removeData("pause" + $.expando);
if (callback instanceof Function) callback.call(this);
}
catch (e) {
}
}