jQuery学习笔记04-常用的静态方法

最新推荐文章于 2024-07-05 01:58:14 发布

weeds606

最新推荐文章于 2024-07-05 01:58:14 发布

阅读量106

点赞数

本文链接：https://blog.csdn.net/doulihang/article/details/100089313

版权

前端相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

1.each方法

作用：用于遍历数组或对象，并将遍历的数组或对象返回

语法：$.each(object,回调函数)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>each方法</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        att = [1,2,3,4,5];
        //用于遍历数组
        $.each(att,function (index,value) {
            console.log(index,value)
        })
    </script>
</head>
<body>

</body>
</html>

2.map方法

作用：用于遍历数组或对象，不会将遍历的数组或对象返回，但是可以自定义返回值

语法：$.map(object,回调函数)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery map方法</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        // 定义一个数组
        var att = [1,3,5,7,9];
        //使用map方法遍历数组
        //需要传两个参数，第一个参数为要遍历的数组
        //第二个参数为遍历后的回调函数
        var a =$.map(att,function (value,index) {
            console.log(value,index);
            // return value+index;
        });
        console.log(a);
        var b = $.each(att,function (index,value) {
            // return value+index
        });
        console.log(b)
    //   map和each都可以遍历数组，他们俩有什么区别
    //    1.map返回的是一个空数组，each遍历会把遍历的数组返回
    //    2.map可以自定义返回信息，each只能返回遍历的数组
    </script>
</head>
<body>

</body>
</html>

3.trim方法

作用：用于去除字符串前后空格，并将去除后的字符串返回

语法：$.trim(str)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery中的其他函数</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        var str = "         str       ";
        //trim方法用于去除字符串前后的空格，
        // 传入值为要去除前后空格的字符串，
        // 返回值为去除前后空格的字符串
        var strm = $.trim(str);
        console.log("-----"+str+"----------");
        console.log("-----"+strm+"----------");
    </script>
</head>
<body>

</body>
</html>

4.isArray

作用：用于判断传入的参数是否为真数组

语法：$.isArray(array)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery中的其他函数</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        //真数组
        var arr = [1,3,5];
        //isArray判断是否是一个真数组，传入参数为要判断的变量，返回值为true或false
        var a = $.isArray(arr);
        console.log(a);    
    </script>
</head>
<body>

</body>
</html>

5.isFunction

作用：用于判断传入的参数是否为函数

语法：$.isFunction(function)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery中的其他函数</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        //函数
        var fn = function () {};
        //isFunction判断是否是一个函数，传入参数为要判断的变量，返回值为true或false
        var f = $.isFunction(fn);
        console.log(f);
    </script>
</head>
<body>

</body>
</html>

6.isWindow

作用：用于判断传入的参数是否为window

语法：$.isWindow(window)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery中的其他函数</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        //window
        var w = window;
        //isWindow判断是否是一个window，传入参数为要判断的变量，返回值为true或false
        var win = $.isWindow(w);
        console.log(win);
    </script>
</head>
<body>

</body>
</html>

7.holdReady

作用：用于暂停ready方法的执行

语法：$.holdReady(),参数true用于暂停执行，参数false，用于开始执行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>holdready方法</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        // holdReady用于暂停ready方法的执行,参数为true，用于暂停ready方法
        $.holdReady(true);
        $(document).ready(function () {
            alert("ready")
        })
    </script>
</head>
<body>
<button>回复ready</button>
<script>
    var btn = document.getElementsByTagName("button")[0];
    btn.onclick = function () {
        // holdReady用于暂停ready方法的执行,参数为false，用于开始ready方法
        $.holdReady(false)
    }
</script>
</body>
</html>