为jQuery增加join方法的实现代码

 更新时间:2010年11月28日 17:07:07   作者:  
正在做一个在线书签管理的站点,有需要这样一个功能,把匹配节点的id或值拼合起来以用来传递参数。
查了一下,jquery没有直接的方法,

不过有一个map方法,使用它很简单就可以定义一个实现该功能的方法
复制代码 代码如下:

jQuery.fn.join = function(sep,mapvalue){
return $.map(this,mapvalue).join(sep);
};
jQuery.fn.joinattr = function(sep,attr){
return this.join(sep,function(item){return $(item).attr(attr);});
};
jQuery.fn.joinvalue = function(sep){
return this.join(sep,function(item){return $(item).val();});
};

使用的时候
复制代码 代码如下:

$("#getid").click(function(){
alert($("input").joinattr(",","id"));
});
$("#getvalue").click(function(){
alert($("input").joinvalue(","));
});

相关文章

  • JQuery省市联动效果实现过程详解

    JQuery省市联动效果实现过程详解

    这篇文章主要介绍了JQuery省市联动效果实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • Jquery ajax基础教程

    Jquery ajax基础教程

    这篇文章主要介绍了Jquery ajax基础教程的相关资料,需要的朋友可以参考下
    2015-11-11
  • jquery密码强度校验

    jquery密码强度校验

    这篇文章主要介绍了jquery密码强度校验,这是一个非常常见的功能,在输入密码的时候提示密码的强度,本文使用jQuery来实现,有需要的小伙伴可以参考下。
    2015-12-12
  • jQuery访问json文件中数据的方法示例

    jQuery访问json文件中数据的方法示例

    这篇文章主要介绍了jQuery访问json文件中数据的方法,结合实力形式分析了jQuery事件响应及json文件的加载、读取、遍历等相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • 浅谈jQuery 选择器和dom操作

    浅谈jQuery 选择器和dom操作

    下面小编就为大家带来一篇浅谈jQuery 选择器和dom操作。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Jquery 表格合并的问题分享

    Jquery 表格合并的问题分享

    有朋友问GridView控件对于跨行合并的问题,这可以用控件嵌套来完成,当然,我更喜欢在前台来用JS来控制网页元素的样式,而后台仅仅是根据客户的请求,来返回数据。
    2011-09-09
  • picLazyLoad 实现图片延时加载(包含背景图片)

    picLazyLoad 实现图片延时加载(包含背景图片)

    下面小编就为大家带来一篇picLazyLoad 实现图片延时加载(包含背景图片)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jQuery实现点击按钮文字变成input框点击保存变成文字

    jQuery实现点击按钮文字变成input框点击保存变成文字

    这篇文章主要介绍了jQuery实现点击按钮文字变成input框点击保存变成文字的相关资料,非常具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • jquery实现(textarea)placeholder自动换行

    jquery实现(textarea)placeholder自动换行

    本文主要对jquery如何实现(textarea) placeholder自动换行的方法、思路进行介绍,下面就跟小编一起来看下吧
    2016-12-12
  • jquery $.each() 使用小探

    jquery $.each() 使用小探

    jquery each想必大家对此并不陌生吧,它的使用范围还是比较广泛的,下面与大家分享个示例来介绍jquery each的使用方法,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08

最新评论