jquery 插件学习(三)


Posted in Javascript onAugust 06, 2012

例如:

$(this).test().hide().height();

要实现类似的连写行为,就应该在每个插件方法中,返回一个jquery对象,除非方法需要明确返回值。返回的jquery对象通常就是this所引用的对象。如果使用each()方法迭代this,则可以直接返回迭代的结果。针对上一节的示例,进一步修改
jQuery.fn.test = function(){ 
return this.each(function(){ //遍历匹配的元素,此处的this表示对象集合 
alert(this.nodeName); //提示当前jquery对象的dom节点名称 
}) 
}

然后,我们就可以在应用示例中连写行为了,例如,在下面的示例中,先弹出提示节点的名称的信息,然后使用当前节点名称改写当前元素内包含的信息,最后在慢慢隐藏该元素。
$('body *').click(function(){ 
$(this).test().html(this.nodeName).hide(1000); 
});
Javascript 相关文章推荐
参考:关于Javascript中实现暂停的几篇文章
Mar 04 Javascript
jQuery 学习第五课 Ajax 使用说明
May 17 Javascript
前后台交互过程中json格式如何解析以及如何生成
Dec 26 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 Javascript
js中apply方法的使用详细解析
Nov 04 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
Dec 06 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
jquery 插件学习(二)
Aug 06 #Javascript
jquery 插件学习(一)
Aug 06 #Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 #Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 #Javascript
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 #Javascript
基于jquery的时间段实现代码
Aug 02 #Javascript
Javascript this 的一些学习总结
Aug 02 #Javascript
You might like
用PHP与XML联手进行网站编程代码实例
2008/07/10 PHP
PHP常用的三种设计模式
2017/02/17 PHP
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
JavaScript数组去重的3种方法和代码实例
2015/07/01 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
jQuery弹出层插件popShow用法示例
2017/01/23 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
利用python开发app实战的方法
2019/07/09 Python
django认证系统 Authentication使用详解
2019/07/22 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
机电系毕业生求职信
2014/07/11 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
Mysql中常用的join连接方式
2022/05/11 MySQL
Java实现添加条码或二维码到Word文档
2022/06/01 Java/Android