您的位置:首页 > Web前端 > JQuery

jQuery tips

2015-06-17 18:48 573 查看
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) {
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: