jQuery tips

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) {
	}
} 




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章