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函数库-集合框架
Apr 27 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
JS面向对象编程详解
Mar 06 Javascript
requireJS使用指南
Apr 27 Javascript
微信小程序 页面传值详解
Mar 10 Javascript
node.js博客项目开发手记
Mar 16 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
vue如何实现动态加载脚本
Feb 05 Javascript
JS变量提升原理与用法实例浅析
May 22 Javascript
原生js实现随机点名
Jul 05 Javascript
js实现翻牌小游戏
Jul 31 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
截获网站title标签之家内容的例子
2006/10/09 PHP
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
深入解析PHP的Laravel框架中的event事件操作
2016/03/21 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
php四种定界符详解
2017/02/16 PHP
PHP迭代器接口Iterator用法分析
2017/12/28 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
2013/11/26 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
python使用PIL缩放网络图片并保存的方法
2015/04/24 Python
一文带你了解Python中的字符串是什么
2018/11/20 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
详解python中的index函数用法
2019/08/06 Python
django-crontab 定时执行任务方法的实现
2019/09/06 Python
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
生产工厂门卫岗位职责
2014/09/26 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
小学班级管理心得体会
2016/01/07 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
CSS基础详解
2021/10/16 HTML / CSS