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使用HTML5的FormData属性实现对文件的上传的方法和实例，非常的实用，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要介绍了jQuery ajax动态生成table功能,结合具体实例形式分析了jQuery基于ajax数据交互动态创建table表格的相关操作技巧,需要的朋友可以参考下2017-06-06
昨天晚上公司遇到个小需求，就是实现类似表格冻结顶栏的效果。这篇文章主要介绍了jQuery实现表格冻结顶栏效果 ,需要的朋友可以参考下2017-08-08
jQuery 逐渐从其他 JavaScript 库选择中脱颖而出，并且成为 Web 开发人员的最佳选择。它迅速成为希望简化客户端开发和快速高效地创建富 Internet 应用程序（RIA）的程序员的首选。2010-11-11
jQuery获取checkboxlist的value值的方法
最近着手一个项目用到了服务器空间checkboxlist ,使用起来是方便，可以想要从js获取值就稍微麻烦点了，google后找到了如下方法，感兴趣的小伙伴们可以参考一下2015-09-09
上文介绍了利用$函数筛选页面上的元素和替代onload事件。$函数还有一个作用，当它的参数是一个HTML片段的时候，它返回的是包含这个HTML元素的包装集。2010-03-03
这篇文章主要与大家分享了jquery实现两Select标签项互调的具体实现，比较简单，比较实用2014-09-09
Jquery Ajax学习实例6 向WebService发出请求，返回DataSet(XML) 异步调用
Jquery Ajax学习实例6 向WebService发出请求，返回DataSet(XML) 异步调用实现代码，需要的朋友可以参考下。2010-03-03
这篇文章主要介绍了jQuery回调函数的定义及用法,以实例形式详细分析了回调函数的原理与实现技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
Jquery+bootstrap实现表格行置顶置底上移下移操作详解
这篇文章主要为大家详细介绍了Jquery+bootstrap实现表格行置顶置底上移下移操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
最新评论