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 Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
js导入导出excel(实例代码)
Nov 25 Javascript
jQuery中:header选择器用法实例
Dec 29 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
Jul 27 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
简单的三步vuex入门
May 20 Javascript
vue中子组件调用兄弟组件方法
Jul 06 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
全国FM电台频率大全 - 13 福建省
2020/03/11 无线电
php mssql 时间格式问题
2009/01/13 PHP
php入门学习知识点三 PHP上传
2011/07/14 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
微信小程序 tabs选项卡效果的实现
2017/01/05 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
2018/09/01 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
简单解决Python文件中文编码问题
2015/11/22 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
python实现复制文件到指定目录
2019/10/16 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
机工车间主任岗位职责
2014/03/05 职场文书
租赁协议书
2015/01/27 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书
分析Netty直接内存原理及应用
2021/06/14 Java/Android
PHP设计模式(观察者模式)
2021/07/07 PHP