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 相关文章推荐
javascript indexOf函数使用说明
Jul 03 Javascript
javascript 当前日期加(天、周、月、年)
Aug 09 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
JS判断iframe是否加载完成的方法
Aug 03 Javascript
ionic App问题总结系列之ionic点击系统返回键退出App
Aug 19 Javascript
JavaScript数据结构之单链表和循环链表
Nov 28 Javascript
JS实现的缓冲运动效果示例
Apr 30 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
Dec 03 Javascript
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
Discuz 5.0 中读取纯真IP数据库函数分析
2007/03/16 PHP
基于simple_html_dom的使用小结
2013/07/01 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
解javascript 混淆加密收藏
2009/01/16 Javascript
最近项目写了一些js,水平有待提高
2009/01/31 Javascript
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
js截取函数(indexOf,join等)
2010/09/01 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
详解js创建对象的几种方式和对象方法
2021/03/01 Javascript
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
tensorflow 模型权重导出实例
2020/01/24 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
strlen的几种不同实现方法
2013/05/31 面试题
社团招新策划书
2014/02/04 职场文书
蟋蟀的住宅教学反思
2014/04/26 职场文书
医院护士见习期自我鉴定
2014/09/15 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
2014年质检工作总结
2014/11/26 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android
电脑只能进入安全模式无法正常启动的解决办法
2022/04/08 数码科技