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 相关文章推荐
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
JavaScript判断对象是否为数组
Dec 22 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
AngularJS表单提交实例详解
Feb 18 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
Vee-Validate的使用方法详解
Sep 22 Javascript
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 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无刷新上传文件实现代码
2011/09/19 PHP
PHP的openssl加密扩展使用小结(推荐)
2016/07/18 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
详解PHP处理字符串类似indexof的方法函数
2017/06/11 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
Javascript复制实例详解
2016/01/28 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
Python collections模块实例讲解
2014/04/07 Python
python实现自动登录后台管理系统
2018/10/18 Python
梅尔频率倒谱系数(mfcc)及Python实现
2019/06/18 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
Python实现我的世界小游戏源代码
2021/03/02 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
大学毕业的自我鉴定
2013/10/08 职场文书
医学生自我鉴定范文
2013/11/08 职场文书
个人教师自我评价范文
2013/12/02 职场文书
销售总经理岗位职责
2014/03/15 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
2014年团总支工作总结
2014/11/21 职场文书
先进个人总结范文
2015/02/15 职场文书
2015年中学体育教师工作总结
2015/10/23 职场文书
pycharm代码删除恢复的方法
2021/06/26 Python
阿里云服务器(windows)手动部署FTP站点详细教程
2022/08/05 Servers