jquery 插件学习（三）
更新时间：2012年08月06日 22:08:02 作者：
用惯jquery的用户可能习惯于连写行为，也就是说在调用一个方法之后，紧跟着调用另一个方法，如此连写不断，形成一个珍珠链，而且编写灵活，方便
例如：
$(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);
});
复制代码 代码如下:
$(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);
});
相关文章
这篇文章主要介绍了jquery实现手机号码选号的方法,涉及jquery针对手机号码的分析与筛选技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jquery验证邮箱格式并显示提交按钮，只有输入email地址正确才显示提交按钮演示，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家详细介绍了JQuery实现隐藏和显示动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
自己以前做的列表双向选择器，感觉有点挫，昨天闲着没事改进了一下，把元素改成了select option这样就支持shift多选，感觉好多了2013-08-08
jQuery实现form表单序列化转换为json对象功能示例
这篇文章主要介绍了jQuery实现form表单序列化转换为json对象功能,结合实例形式分析了表单数据传输中使用serializeJson进行序列化操作相关实现技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了jQuery操作Table技巧,实例汇总了jQuery针对Table的鼠标响应、样式修改、添加删除等常用技巧,需要的朋友可以参考下2016-01-01
使用jQuery的ajax功能实现的RSS Reader 代码
Rss阅读器挺不错的。我觉得如果在igoogle或是dropthings这种形式的portal下来放很多RSS模块显示自己每天需要关注的信息那将会减少大家很多的打开浏览器和输入网址的时间。2009-09-09
用一个绝对定位的div作为动画滑块,改变它的left属性来呈现动画效果javascript：hover()触发移动鼠标到导航nav的动作，和移出导航nav的动作2013-05-05
这篇文章主要介绍了jquery+php随机生成红包金额数量实现代码，红包数量与金钱可以自己设定，很实用的代码，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
基于jquery的拖动布局插件，需要的朋友可以参考下。2011-11-11
最新评论