jQuery入门-----jQuery中的静态方法

Posted evil-smile

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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中的静态方法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery插件入门

JQuery入门学习02

深入理解jQuery中的each方法

JQuery之入门

jQuery入门

Jquery基础入门-3-JQuery事件相关介绍