分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery入门(四)-----jQuery中的静态方法

发布时间:2023-09-06 02:16责任编辑:董明明关键词: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中的静态方法

原文地址:https://www.cnblogs.com/evil-smile/p/9720934.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved