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窗口功能指南之在窗口中书写内容
Jul 21 Javascript
Javascript 通过json自动生成Dom的代码
Apr 01 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
jQuery操作json常用方法示例
Jan 04 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
移动端效果之Swiper详解
Oct 09 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
微信小程序实用代码段(收藏版)
Dec 17 Javascript
JavaScript实现模态对话框实例
Jan 13 Javascript
vue webpack build资源相对路径的问题及解决方法
Jun 04 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
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
jQuery中prev()方法用法实例
2015/01/08 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
深入浅析angular和vue还有jquery的区别
2018/08/13 jQuery
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
自己编程中遇到的Python错误和解决方法汇总整理
2015/06/03 Python
Python的多维空数组赋值方法
2018/04/13 Python
python pygame模块编写飞机大战
2018/11/20 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
Opencv图像处理:如何判断图片里某个颜色值占的比例
2020/06/03 Python
详细分析Python垃圾回收机制
2020/07/01 Python
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
送给他或她的礼物:FUN.com
2018/08/17 全球购物
如何反序的迭代一个序列?how do I iterate over a sequence in reverse order
2012/02/04 面试题
优秀的教师个人的中文求职信
2013/09/21 职场文书
小学生新学期寄语
2014/01/19 职场文书
个人查摆剖析材料
2014/10/16 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript