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 相关文章推荐
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
浅谈Javascript面向对象编程
Nov 15 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
JS多文件上传的实例代码
Jan 11 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 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删除数组中的特定元素的代码
2012/06/28 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
php写入txt乱码的解决方法
2019/09/17 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
Javascript 中的 && 和 || 使用小结
2010/04/25 Javascript
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
jquery tab插件制作实现代码
2010/06/22 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
JavaScript Sort 的一个错误用法示例
2015/03/20 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
详解jquery和vue对比
2019/04/16 jQuery
vue中 this.$set的用法详解
2019/09/06 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
python实现简单的计时器功能函数
2015/03/14 Python
Python线程详解
2015/06/24 Python
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
Python快速从注释生成文档的方法
2016/12/26 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
Python元字符的用法实例解析
2018/01/17 Python
python 字符串和整数的转换方法
2018/06/25 Python
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
老龙头导游词
2015/02/11 职场文书
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏