【永利澳门游戏网站】实用工具函数,jquery实用工具函数

官方地址:

jQuery实用工具函数总括,jquery实用工具函数

1. $.each——遍历

$.each(obj,function(param1,param2))
遍历数组时:param1为要素序号,param2为要素内容;
遍历对象时:param1为要素属性名,param2为要素属性值。

例如:
①遍历数组:
 

" + Name + Value + "

②遍历对象:
  

<script type="text/javascript"> strContent = "<li class='title'>属性:值</li>"+= "<li>" + Property + ":" + Value + "</li>""ul"</script >

2.$.grep——筛选数组

$.grep(array,function(element,index)):array为要筛选的数组,element为数组中的成分,index为成分在数组中的序号(0起卡塔 尔(英语:State of Qatar)。

<script type="text/javascript"> strTmp = "筛选前数据:" arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21 arrGet = $.grep(arrNum,  ele > 5 && index < 8 
+=+= "<br/><br>筛选后数据:"+="#divTip"</script >

   实施结果:

筛选前数据:2,8,3,7,4,9,3,10,9,7,21
挑选后数据:8,7,9,10

3.$.map——数据变动

$.map(array,function(element,index)):array为要筛选的数组,element为数组中的成分,index为因素在数组中的序号

<script type="text/javascript"> strTmp = "变更前数据:" arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21 arrGet = $.map(arrNum,  (ele > 5 && index < 8) { 
                     ele + 1; 
+=+= "<br/><br>变更后数据:"+="#divTip"</script>

实践结果:

变动前数据:2,8,3,7,4,9,3,10,9,7,21
改造后数据:9,8,10,11

4.$.inArray()——索求数组成分

$.inArray(value,array):查找成分在数组中的成分,假使不真实则赶回-1。

$( strTmp = "待搜索数据:" arrNum = [4, 21, 2, 12, 5 arrPos = $.inArray(12+=+= "<br/><br>12搜索结果:"+="#divTip"

奉行结果:

待寻找数据:4,21,2,12,5
12探索结果:3

风流洒脱、数组和指标操作

1. $.each——遍历

$.each(obj,function(param1,param2))
遍历数组时:param1为元素序号,param2为元素内容;
遍历对象时:param1为元素属性名,param2为元素属性值。

例如:
①遍历数组:
 

永利澳门游戏网站 1

$(function () {
            var arrStu = { "张三:": "60", "李四:": "70", "王二:": "80" }
            var strContent = "<li class='title'>姓名:分数</li>";
            $.each(arrStu, function (Name, Value) {
                strContent += "<li>" + Name + Value + "</li>";
            })
            $("ul").append(strContent);
        })

永利澳门游戏网站 2

②遍历对象:
  

永利澳门游戏网站 3

<script type="text/javascript">
        $(function() {
            var strContent = "<li class='title'>属性:值</li>";
            $.each($.get, function(Property, Value) {
                strContent += "<li>" + Property + ":" + Value + "</li>";
            })
            $("ul").append(strContent);
        })
    </script >

永利澳门游戏网站 4

2.$.grep——筛选数组

$.grep(array,function(element,index)):array为要筛选的数组,element为数组中的成分,index为因素在数组中的序号(0起卡塔 尔(英语:State of Qatar)。

永利澳门游戏网站 5

<script type="text/javascript">
        $(function() {
            var strTmp = "筛选前数据:";
            var arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21];
            var arrGet = $.grep(arrNum, function(ele, index) {
                return ele > 5 && index < 8 //元素值大于5且序号小于8
            })
            strTmp += arrNum.join();
            strTmp += "<br/><br>筛选后数据:";
            strTmp += arrGet.join();
            $("#divTip").append(strTmp);
        },true)
    </script >

永利澳门游戏网站 6

   施行结果:

筛选前数据:2,8,3,7,4,9,3,10,9,7,21
筛选后数据:8,7,9,10

3.$.map——数据变动

$.map(array,function(element,index)):array为要挑选的数组,element为数组中的成分,index为元素在数组中的序号

永利澳门游戏网站 7

<script type="text/javascript">
        $(function() {
            var strTmp = "变更前数据:";
            var arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21];
            var arrGet = $.map(arrNum, function(ele, index) {
                if (ele > 5 && index < 8) { //元素值大于5且序号小于8
                    return ele + 1; //元素增加1
                }
            })
            strTmp += arrNum.join();
            strTmp += "<br/><br>变更后数据:"
            strTmp += arrGet.join();
            $("#divTip").append(strTmp);
        })
    </script>

永利澳门游戏网站 8

奉行结果:

变更前数据:2,8,3,7,4,9,3,10,9,7,21
变更后数据:9,8,10,11

4.$.inArray()——招来数组成分

$.inArray(value,array):查找成分在数组中的成分,假设不设有则赶回-1。

永利澳门游戏网站 9

$(function() {
            var strTmp = "待搜索数据:";
            var arrNum = [4, 21, 2, 12, 5];
            var arrPos = $.inArray(12, arrNum);
            strTmp += arrNum.join();
            strTmp += "<br/><br>12搜索结果:"
            strTmp += arrPos;
            $("#divTip").append(strTmp);
        })

永利澳门游戏网站 10

执行结果:

待搜索数据:4,21,2,12,5
12搜索结果:3

$.browser目的,能够拍卖浏览器相海关检查测。
潜心:该目的在jquery1.4.2增添,但是1.9中生机勃勃度去除。

  
$.trim():去掉字符串左右两边的空格。那是jquery宗旨库中天下第一针对字符串管理的函数。

二、浏览器检查实验

$.browser对象,能够拍卖浏览器相关检验。
小心:该目的在jquery1.4.2加上,但是1.9中早就删除。

永利澳门游戏网站 11

$.support.boxModel检查实验页面是还是不是为标准盒子模型。经测量检验该目标在1.第10中学测验也早就去掉。

obj0 = obj1 = { “name” : “taoguorong”
obj2 = obj3 = [1 strTmp = “obj0是还是不是为空:” +
$.isEmptyObject(obj0); strTmp +=
“<br><br>obj1是或不是为空:” + $.isEmptyObject(obj1); strTmp += “<br><br>obj2是还是不是为空:” +
$.isEmptyObject(obj2); strTmp +=
“<br><br>obj3是或不是为空:” + $.isEmptyObject(obj3); strTmp += “<br><br>obj4是或不是为空:” +
$.isEmptyObject(obj4); $( “#divTip”</script >

2.$.isPlainObject(obj):检查测量检验参数是或不是为原始对象,即由此{}或然new
Object()创设。

<script type="text/javascript"> obj0 = obj1 =  obj2 = "null" obj3 = { "a" : 1 obj4 =  Object(1 obj5 = 1 strTmp = "obj0是否为原始对象:" + $.isPlainObject(obj0);           
            strTmp += "<br><br>obj1是否为原始对象:" + $.isPlainObject(obj1);
            strTmp += "<br><br>obj2是否为原始对象:" + $.isPlainObject(obj2);
            strTmp += "<br><br>obj3是否为原始对象:" + $.isPlainObject(obj2);
            strTmp += "<br><br>obj4是否为原始对象:" + $.isPlainObject(obj2);
            strTmp += "<br><br>obj5是否为原始对象:" + $.isPlainObject(obj2);
            $( "#divTip"</script >

表明:当new Object()方法带参数时,不是根生土长对象。

3.$.contain(container,contained):多少个参数均为dom对象,假使container对象饱含contained对象则赶回true,不然重临false。

三、字符串操作

   $.trim():去掉字符串左右两边的空格。那是jquery焦点库中天下无双针对字符串管理的函数。

$.param(obj):内部obj为数组只怕jquery对象,该办法将其类别化为键值对。

<script type="text/javascript"> arrInfo = { id: 101, name: "tao" , sex: 0 }; 

             arrScore = { Score: { chinese: 90, maths: 100, english: 98288, Num: 3
             arrNewInfo = arrNewScore = arrDecScore =
             strTmp = "<b>arrInfo数组序列化后</b>:"+= arrNewInfo; 
            strTmp += "<br><br><b>arrScore数组序列化后</b>:"+= arrNewScore;
            strTmp += "<br><br><b>arrScore序列化解码后</b>:"+= arrDecScore;

            $( "#divTip"</script >

四、测量检验函数

永利澳门游戏网站 12

1.$.isEmptyObject(obj):检查实验参数是不是为空对象。

永利澳门游戏网站 13

<script type="text/javascript">
        $( function() {
            var obj0 = {};
            var obj1 = { "name" : "taoguorong" };
            var obj2 = [];
            var obj3 = [1];
            var obj4;
            var strTmp = "obj0是否为空:" + $.isEmptyObject(obj0);           //true
            strTmp += "<br><br>obj1是否为空:" + $.isEmptyObject(obj1);//false
            strTmp += "<br><br>obj2是否为空:" + $.isEmptyObject(obj2);//true
            strTmp += "<br><br>obj3是否为空:" + $.isEmptyObject(obj3);//false
            strTmp += "<br><br>obj4是否为空:" + $.isEmptyObject(obj4);//true
            $( "#divTip").append(strTmp);
        })
    </script >

永利澳门游戏网站 14

2.$.isPlainObject(obj):检查测量检验参数是不是为原来对象,即通过{}恐怕new
Object()创立。

永利澳门游戏网站 15

<script type="text/javascript">
        $( function() {
            var obj0 = {};
            var obj1 = new Object();
            var obj2 = "null" ;
            var obj3 = { "a" : 1 };
            var obj4 = new Object(1);
            var obj5 = 1;
            var strTmp = "obj0是否为原始对象:" + $.isPlainObject(obj0);           //true
            strTmp += "<br><br>obj1是否为原始对象:" + $.isPlainObject(obj1);//true
            strTmp += "<br><br>obj2是否为原始对象:" + $.isPlainObject(obj2);//false
            strTmp += "<br><br>obj3是否为原始对象:" + $.isPlainObject(obj2);//false
            strTmp += "<br><br>obj4是否为原始对象:" + $.isPlainObject(obj2);//false
            strTmp += "<br><br>obj5是否为原始对象:" + $.isPlainObject(obj2);//false
            $( "#divTip").append(strTmp);
        })
    </script >

永利澳门游戏网站 16

证实:当new Object()方法带参数时,不是原有对象。

3.$.contain(container,contained):五个参数均为dom对象,假诺container对象蕴含contained对象则赶回true,不然再次回到false。

发表评论

电子邮件地址不会被公开。 必填项已用*标注