jQuery入门（四）-----jQuery中的静态方法

jQuery静态方法

什么是静态方法?
静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用.

ready()事件的暂停和恢复

　　>>暂停或者恢复jQuery.ready()事件

　　>>传入true或false

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery静态方法</title>
    <script src="js/jquery-3.3.1.js"> </script>
    <script>
        $.holdReady(true);
    </script>
</head>
<body>
<button id="first">点击测试弹出</button>
<button id="second">解除延迟</button>
<script>
    $("#second").click(function(){
        $.holdReady(false);
    });
</script>
</body>
</html>

数组和对象操作

each(object[,callback])

遍历对象或数组
优点统一遍历对象和数组的方式
回调参数的顺序更符合我们的思维模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ME002-jQuery的静态方法</title>
    <script src="js/jquery-3.3.1.js"></script>
    <script>
      $.each( { name: "John", lang: "JS" }, function(i, n){　　//each()方法中的参数：
             alert( "Name: " + i + ", Value: " + n );　　　　　 //第一个object参数是指要被遍历的对象，第二个参数是一个回调函数
        });　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//回调函数（callback）中的第一个参数是指被遍历对象的下标，第二个参数是指被遍历对象下标所对应的值
    </script>
</head>
<body>
</body>
</html>

map(arr|obj,[object])

　　>>将一个数组中的元素转换到另一个数组中。

　　>>作为参数的转换函数会为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。转换函数可以返回转换后的值、null（删除数组中的项目）或一个包含值的数组，并扩展至原始数组中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ME002-jQuery的静态方法</title>
    <script src="js/jquery-3.3.1.js"></script>
    <script>
     alert( $.map([1,2,3], function(n){　　　　        
　　　　　　return n + 4;
        }));
    </script>
</head>
<body>
</body>
</html>
执行结果：


//从这执行结果可以看出，回掉函数中，如果只有一个参数，那么这个参数是指前面所遍历对象的值。
把script中的代码改为如下：

<script>  
alert( $.map([1,2,3], function(i,n){  
   return i+n;    
 })); 
</script>
执行结果为:

//从执行结果可以看出，如果回调函数中存在两个参数，那么第一个参数是指遍历对象的下标，第二个参数是指遍历对象下标所对应的值。

each()和map()方法的对比：
each()方法只能对遍历对象进行遍历取出操作，并不能对元素进行修改。但是map()方法可以，map方法可以对遍历对象中的元素进行修改操作。

字符串操作

$.trim(str)

>>>去掉字符串起始和结尾的空格。

jQuery 代码:
$.trim("  hello, how are you?  ");

结果:
"hello, how are you?"

测试操作
$.isArray(obj)　　　　//判断对象是否为数组

$.isWindow(obj)　　　//判断对象是否为窗口

$.isFunction(obj) //判断对象是否为函数

jQuery入门（四）-----jQuery中的静态方法

猜你喜欢