1.操作数组和对象
主要包括元素的遍历,筛选,合并等
1)遍历each()
格式:$.each(object,fn)
object是要遍历的对象。fn是遍历所有对象所要执行的函数,可以接受两个参数:
1.数组对象的属性或者元素序号
2.属性或者元素的值
例如:
html代码:
<button>输出每个列表项的值</button>
<ul>
<li>君住长江头</li>
<li>我住长江尾</li>
<li>日日思君不见君</li>
<li>共饮长江水</li>
</ul>
jquery代码:
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
})
2)grep()方法用于数组元素的过滤筛选
语法:grep(array,fn,invert)
array:过滤数组
fn:过滤函数
invert:设置true函数取反,即满足条件被剔除
例如:
var Array=[1,2,3,4,5,6,7];
var Result= $.grep(Array,function(value){
return(value>2);
})
document.write("原数组:"+Array.join()+"<br>");
document.write("大于2的结果:"+Result.join());
3)map()用于把每个元素通过函数传递到当前匹配的集合中
语法:$.map(array,fn)
array:需要转化的目标数组
fn:对数组中某一项都要执行转化函数(元素的值,元素的参数)
例如:
var Array=["as","a","dog"];
var Result= $.map(Array,function(value){
return(value.toUpperCase());
})
document.write("原数组:"+Array.join()+"<br>");
document.write("大写数组:"+Result.join());
4)$.inArray()实现了数组的搜索功能
语法:$.inArray(value,array)
其中value是需要查找的对象,而array是数组本身,查找到目标元素,就返回第一个元素所在位置,否则返回-1
例如:
var b=["this","is",'a',"dog"];
document.write($.inArray("are",b));
document.write($.inArray("is",b))
4.操作字符串
trim():去前后字符串空格
substr():在字符串中抽取指定下标的字符串片段
replace(m,n):字符串的替换
例如:
var str=" 此生此夜不长好,明月明年何处看 ";
$("#original").html("原始字符串:"+str);
$("#trimmed").html("去掉首尾空格:"+ $.trim(str))
var str="此生此夜不长好,明月明年何处看";
document.write("原始内容:"+str+"<br>")
document.write("截取字符串:"+str.substr(0,9))
var str="此生此夜不长好,明月明年何处看";
document.write("原始内容:"+str+"<br>")
document.write("replace后的字符串:"+str.replace(/明月/g,"**"))
5.序列化操作
param(object):将表单元素数组或者对象序列化,返回值为string
数组按照name,value进行序列化,对象按照key,value进行序列化。
例如:
personObj=new Object();
personObj.fristname="Bill";
personObj.lastname="gates";
personObj.age="60";
$("button").click(function(){
$("div").text($.param(personObj))
})