jq 常用工具方法

jq 常用工具方法

  • jq 常用工具方法
方法作用参数返回值
$.type()区分所有类型要判断的变量字符串
$.isFunction()判断是否是函数要判断的变量true:是函数 false:不是函数
$.isEmptyObject()判断数组和对象是否为空要判断的数组和对象名true:为空false:不为空
$.each()遍历数组要遍历的数组名,function
$.merge()合并两个数组,第一个数组会被改变,第二个数组不会数组1,数组2
$.grep()数组过滤要过滤的数组,function,boolean
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./jquery-3.4.1.js"></script>
</head>
<body>
    <script>
    //jq 工具方法
    //格式为 $.xxxx
    //工具方法(静态方法) //jq与原生都能用 但还是要引用jquery

    //区分所有类型 $.type  返回值Wie字符串
     let str=[];
     let fff=function(){}
     console.log($.type(str)) //array
     console.log($.type(fff)) //function

    //判断是否是函数 $.isFunction  返回值为boolean
    let foo=function(){}
    console.log($.isFunction(foo)) //true

    //判断数组和对象是否为空 $.isEmptyObject //返回值为boolean
    console.log($.isEmptyObject(foo)) //true
    console.log($.isEmptyObject(['1','2','3']))  //false

    //循环数组得到其下标和每个元素 $.each
    let arr=[1,2,3,4,5,6,7,8,9];
    $.each(arr,function(i,elem){
        console.log(elem)
    })
    
    //合并两个数组,第二个数组不会改变,第一个数组会被改变 $.merge
    let a=[1,2,3];
    let b=[4,5,6];
    console.log($.merge(a,b))//[1,2,3,4,5,6]
    console.log(a)//[1,2,3,4,5,6]

    //过滤 $.grep 第三个参数默认为false 为true时 返回不满足条件的值
    let c=[1,2,3,4,5,6,7,8,9];
    let d=$.grep(c,function(v,i){
        return v>5
    },true)
    console.log(d)//1,2,3,4,5 
    </script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章