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 相关文章推荐
让IE8支持DOM 2(不用框架!)
Dec 31 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
jquery分割字符串的方法
Jun 24 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
vue form表单post请求结合Servlet实现文件上传功能
Jan 22 Vue.js
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
6种php上传图片重命名的方法实例
2013/11/04 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
Js 刷新框架页的代码
2010/04/13 Javascript
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
2014/05/07 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
初步探究Python程序的执行原理
2015/04/11 Python
django之常用命令详解
2016/06/30 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
使用Django2快速开发Web项目的详细步骤
2019/01/06 Python
python读写文件write和flush的实现方式
2020/02/21 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
python实现在内存中读写str和二进制数据代码
2020/04/24 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
叙述DBMS对数据控制功能有哪些
2016/06/12 面试题
函授生自我鉴定
2014/03/25 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
2015年基层党建工作总结
2015/05/14 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis