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 相关文章推荐
jquery 插件 任意位置浮动固定层
Dec 25 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
js简单抽奖代码
Jan 16 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
jquery中为什么能用$操作
Jun 18 jQuery
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
header()函数使用说明
2006/11/23 PHP
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
Javascript验证方法大全
2015/09/21 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
JS实现简易换图时钟功能分析
2018/01/04 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
Tensorflow简单验证码识别应用
2017/05/25 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
python实现ping命令小程序
2020/12/28 Python
python 实现的车牌识别项目
2021/01/25 Python
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
Ajax请求总共有多少种Callback
2016/07/17 面试题
双创工作实施方案
2014/03/26 职场文书
团日活动总结模板
2014/06/25 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
工作收入住址证明
2014/10/28 职场文书
创建文明城市倡议书
2015/04/28 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书