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 相关文章推荐
对采用动态原型方式无法展示继承机制得思考
Dec 04 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
Aug 05 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
详解AngularJS中的filter过滤器用法
Jan 04 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 Javascript
详解Angular5 路由传参的3种方法
Apr 28 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数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
php全局变量和类配合使用深刻理解
2013/06/05 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
javascript 二维数组的实现与应用
2010/03/16 Javascript
利用浏览器全屏api实现js全屏
2014/01/16 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
2014/11/17 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
javascript中attachEvent用法实例分析
2015/05/14 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
解决layui的input独占一行的问题
2019/09/10 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
Python扩展内置类型详解
2018/03/26 Python
django创建简单的页面响应实例教程
2019/09/06 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
销售演讲稿范文
2014/01/08 职场文书
大学生职业生涯规划书模板
2014/01/18 职场文书
教师爱岗敬业演讲稿
2014/05/05 职场文书
签字仪式主持词
2015/07/03 职场文书
朋友离别感言
2015/08/04 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers
Python一些基本的图像操作和处理总结
2021/06/23 Python
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers