jQuery知识点梳理(二)

最新推荐文章于 2022-07-25 15:11:12 发布

原创最新推荐文章于 2022-07-25 15:11:12 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了JavaScript中静态方法与实例方法的区别，重点讲解了jQuery的each和map方法的用法及区别，包括参数传递顺序、遍历能力及返回值特性。同时，介绍了jQuery的其他静态方法如trim、isArray、isWindow和isFunction的功能与应用。

在这里插入图片描述
5、静态方法和实例方法

静态方法就是通过：对象名.函数方法；调用的，是直接添加给这个类的

实例方法是通过new关键字实例化的一个对象，是添加给这个类的原型的

6、jquery—each方法（静态方法）

		//原生js
		<script type="text/javascript">
			var arr=[1,3,5,7,9];
			arr.forEach(function(value,index){
				//第一个参数表示；遍历到的元素
				//第二个参数表示遍历到的索引
				//注意点：原生forEach只能遍历数组，不能遍历伪数组
				console.log(index,value)//index表示索引，value表示索引所对的值
			});
		</script>



<script type="text/javascript">
			//jquery—rach方法
			var arr=[1,3,5,7,9];
			var obj={0:1,1:3,2:5};
			$.each(arr,function(index,value){
				console.log(index,value);
			});
			//两个参数jquery先传index,再传value
			//js先传value再传index
			
			//jquery方法是可以遍历伪数组的
			$.each(obj,function(index,value){
				console.log(index,value);
			});
			
		</script>

7、jquery_map方法（静态方法）

<script type="text/javascript">
			//原生js的map方法遍历
			var arr=[1,3,5,7,9];
			arr.map(function(value,index,array){
				//第一个参数表示；遍历到的元素
				//第二个参数表示遍历到的索引
				//第三个表示被遍历的数组、
				//注意点：原生js的map方法不能遍历伪数组
				console.log(index,value,array);
			});
		</script>





<script type="text/javascript">
			//jquery—map方法
			var arr=[1,3,5,7,9];
			var obj={0:1,1:3,2:5};
			$.each(arr,function(index,value){
				console.log(index,value);
			});
			//两个参数jquery先传index,再传value
			//js先传value再传index
			//jquery方法是可以遍历伪数组的
			$.map(obj,function(index,value){
				console.log(index,value);
			});
			//第一个参数表示要遍历的数组
			//第二个表示每遍历一个元素之后执行的回调函数
			//回调函数的参数：第一个表示；遍历到的元素 第二个表示遍历到的索引
			
		</script>

在jquery中each静态方法和map静态方法的区别

1.、each的默认返回值就是，遍历谁就返回谁

map默认返回值就是一个空数组

2、each静态方法不支持在回调函数中对比那里的数组进行处理

map静态方法可以再回调函数中通过return对遍历的数组进行处理，然后生成一个新的数组返回

8、jquery的其他静态方法

		<script type="text/javascript">
			//$.trim()
			//作用:去除字符串两端的空格
			//参数:需要去除空格的字符串
			//返回值:去除空格之后的字符串
			var str='     hello    ';
			console.log('---'+str+'----');//返回---     hello    ----
			console.log($.trim(str));//hello
			
//			==================================
			var myfun=function(){};
			var win=window;
			var arr_01=[];
			//$.isArray();判断传入的值是不是数组
			var arr_001=$.isArray(arr_01);
			console.log(arr_001);
			//$.isWindow()判断传入的值是不是window
			var wins=$.isWindow(win);
			console.log(wins);
			//$.isFunction();判断传入的值是不是一个函数
			console.log($.isFunction(jQuery));//证明jQuery是一个匿名的函数，
			var myfuns=$.isFunction(myfun);
			console.log(myfuns);
		</script>

$.holdReady（）；true表示暂停juery入口函数的执行 false表示开始执行jquery函数

在实际开发中，当需要先加载别的框架或者文件，就可以使用这个方法，当需要的文件加载完后再被动开启这个函数，可用事件处理程序开启；