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中的静态方法的主要内容，如果未能解决你的问题，请参考以下文章