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静态的url如何传递
May 03 Javascript
在html页面上拖放移动标签
Jan 08 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
如何检测JavaScript的各种类型
Jul 30 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
JS如何在数组指定位置插入元素
Mar 10 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
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里得到前天和昨天的日期的代码
2007/08/16 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
Python全局变量用法实例分析
2016/07/19 Python
vscode 远程调试python的方法
2017/12/01 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python3.6数独问题的解决
2019/01/21 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
Python无损压缩图片的示例代码
2020/08/06 Python
python爬虫基础之urllib的使用
2020/12/31 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
会计系毕业个人自荐信格式
2013/09/23 职场文书
出国签证在职证明范本
2014/11/24 职场文书
前台岗位职责
2015/02/13 职场文书
就业导师推荐信范文
2015/03/27 职场文书
刑事上诉状(量刑过重)
2015/05/23 职场文书
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
spring boot中nativeQuery的用法
2021/07/26 Java/Android