Jquery map()与get()
来源:互联网 发布:什么是软件销售 编辑:程序博客网 时间:2024/05/22 05:02
jQuery之map()和get()
jQuery下有个概念叫“类数组”,比如$( " li " ),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()这样处理一下,然后instancseof Array就返回true。
要注意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);
转自:http://blog.csdn.net/cutemurphy/article/details/6832418
jQuery下有个概念叫“类数组”,比如$( " li " ),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()这样处理一下,然后instancseof Array就返回true。
要注意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);
转自:http://blog.csdn.net/cutemurphy/article/details/6832418
1 0
- Jquery map()与get()
- jQuery之map()和get()
- jQuery - map()和get()
- jQuery之map()和get()
- jquery的map和get方法
- jQuery的post与get
- Map的containsKey()与get()方法区别
- map containsKey与get方法区别
- map containsKey与get方法区别总结
- map中containsKey与get方法区别
- 【jquery】jQuery中的get()与eq()
- jquery中ajax的get()与post()
- jQuery 之 get、getJSON 与 getScript 方法(13)
- java中的自动打包解包与原始非泛型Map接口中的get()方法
- jQuery ajax get与post的区别
- jquery——$.post与$.get
- jQuery ajax中的get()与post()方法
- jQuery的get与post区别
- 深入理解计算机系统-之-数值存储(五)--浮点数在内存中的存储方式
- 打印十字图:对称性的运用
- SlidingMenu重写HorizontalScrollView实现菜单侧滑的效果
- MEMS 陀螺仪资料整理之《MEMS 陀螺仪简介及其应用》
- AndoidStudio中module移除不了
- Jquery map()与get()
- 网络下载-xUtils,HttpUtils
- MyEclipse10--Cannot return from outside a function or method
- vc模拟鼠标操作
- JAVA简单的zip文档 文件读取例子
- 《机器学习实战》实践心得 kNN篇
- 网络下载-HttpURLConnection
- Jq中event.target 与this的区别
- Swift实现IOS界面的跳转