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)重命名,即可使事件失效,恢复命名即可恢复事件
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) { } }
相关文章推荐
- 三、jQuery中的DOM操作
- (jQuery||Zepto).extend 的一个小问题
- js/jQuery实现类似百度搜索功能
- img超出div width时, jQuery动态改变图片显示大小
- jQuery——AJAX(一)
- js学习笔记(二):JQuery中的On绑定事件的方法
- jquery经验1
- java + jquery + ajax + json 交互
- 修改 Jquery Dialog 的位置
- jquery.uploadify+jquery.form异步提交那点事
- jQuery Validate验证框架详解
- jQuery中使用ajax,$.post
- 项目中jquery与easyui冲突的解决方法
- jquery ajax 跨域处理
- jQuery开发之超链接提示效果和图片提示效果
- jquery mobile+iscroll使用时关于页面不能操作input标签问题
- 二、jQuery选择器
- jQuery事件-表单事件
- Jquery实现的Tabs标签页
- jQuery实现复选框批量选择与反选的方法