jQuery中map()与get()的具体分析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery中map()与get()的具体分析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1189字，纯文字阅读大概需要2分钟。

内容图文

要注意var a=$( "li" ).get（1）里头加序列号可以取到单个元素，这些元素的性质不是jQuery对象，而是Js对象，所以不可直接用jQuery方法。

map（）的功能主要有两步，第一步就是遍历，第二步就是替换。

  $( " li " ).map( function(  ){
    return  $(this).text(  );  // 注意return关键字不可少
} )

map先遍历，每一项都返回一个text（）值，然后map会将这些值自动去替换$("li")集合的每一项值，所以这个时候还是个类数组（因为还是$(" li ")的壳子），不是个真正的数组。于是后面加个get（）操作就变成真正的数组了，于是可以用join（）这样专属于数组的方法。

如：

    $( " li " ).map( function(  ){
        return  $(this).text(  );   
    } ).get(  ).join("%")            // 拼接成字符串，中间用“%”隔开

补充：
map() 和get()也可以直接操纵数组代码如下：

var arrayObj=["www","xxx","ddd"];
var ww=$.map(arrayObj,function(i){
                      return i;
              }).join(",");
console.log(ww);
var tt=$(":checkbox").map(function(){
                     return this.value;
          }).get().join(",");
console.log(tt);

以上就是jQuery中map()与get()的具体分析的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jQuery中map()与get()的具体分析全部内容，希望文章能够帮你解决jQuery中map()与get()的具体分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端