前端框架——Jquery——基础篇7__工具函数(Utils)

     在我们实际的开发过程中，工具函数可以说是的用的最多的，知识虽然不难，但是用起来却有技巧性，这就是Jquery学起来的难点。这里介绍用Jquery处理最常见的三种对象，字符串，数组和表单操作，之后的话会陆续补充进来。

    处理字符串：

         （1）处理字符串中的空格

           方法：trim()；$.trim(Str)

          

   处理数组：

        （1）遍历数组中的对象

          方法：each（arr,function(index,element){}）

          参数:arr表示要遍历的数组，index表示数组的索引，element表示的是当前索引对应的元素。

          场景：这个用途很多，最常见的场景就是checkbox，当点击全部的时候，所有的checkbox都被选中

                 

$("#allPick").bind('click',function(){
        $(":checkbox").each(function(index,element){
            $(this).attr('checked','checked');
            return;
        });
    })

 

          (2)搜索数组中的对象

          方法： grep(arr,function(element,index){})

          参数:  和each的一样，根据条件返回一定的数据，然后将这些数据重新组装成一个数组。

          用法:$.grep(arr,function(element,index){return index>3;})

         (3)查找到元素的下标

          方法：inArray(index,arr)

          参数：index表示索引，arr表示数组，相当于arr[index],返回该数组中index的元素。

         (4)合并两个数组

         方法：merge(arr1,arr2)

         参数：arr1数组在前，arr2数组在后，合并成为一个新的数组。

        （5）去除重复的元素

          方法:unique(arr)

          参数：将该数组中重复的元素去掉。

         （6）查看数组的大小

          方法：size()

          用法：$(“div”).size();

   处理表单：

      （1）获取表单数据和值的字符串

        方法: param(),serialize()

        用法：param方法将{username:'jack',age:'23'}类似于JSON格式的数组组合成username=Jack&age=23这样的数据，而serialize()的方法需要form去调用它，或者是数组去调用它，$("#form").serialize()，同样的，也是组成QueryString形式的字符串。

   其他：

     

         

 

转载于:https://www.cnblogs.com/rain144576/p/5242456.html