jquery常用功能函数

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))
            })