jq 常用工具方法

最新推荐文章于 2025-03-18 08:12:10 发布

哈哈绝

最新推荐文章于 2025-03-18 08:12:10 发布

阅读量312

点赞数

分类专栏：学习笔记 jq 文章标签： jq 工具方法静态方法

本文链接：https://blog.youkuaiyun.com/qq_41194704/article/details/103375210

版权

学习笔记同时被 2 个专栏收录

33 篇文章

订阅专栏

8 篇文章

订阅专栏

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>