jquery初识
一、jQuery入口文件的写法:
1.$(document).ready(functiion(){});
2.jQuery(document).ready(functon(){});
3.$(function(){}); //jQuery的核心理念为write less,do more,所以越简便越好,推荐使用这种写法
4.jQuery(function(){});
5.$(()=>{}); //第三种写法的变形,es6中箭头函数的写法
6.jQuery(()=>{});
tips:
es6箭头函数(适用于匿名函数):
1.写法:()=>{}
2.解释:前括号传参数,当参数的个数为1时,括号可省略不写,写为:参数=>{},当参数为的个数为0个或者1个以上时,必须加上括号。当函数内部只有一条指令时,大括号可省略不写,默认返回指令的返回值
二、jQuery的冲突问题
当在引用其他框架时,可能会引起变量名冲突的问题。最常见的例子就是jQuery中$符号的使用,当引入其他框架一起写时如果其他框架也定义了$符号,那么就会引起变量的冲突,符号的具体定义取决去引入框架的先后顺序。
解决办法:1.释放变量的使用权:jQuery。noconflict();.注意:释放操作必须在编写其他jQuery代码之前编写,释放之后不可使用变量名,改为用jQuery。
2.自定义变量符号:var 变量名=jQuery.noconflict(); 定义变量后即可使用自己定义的变量名代替jQuery
三、jQuery的核心函数
1.$(); //代表调用jQuery的核心函数
(1)接收一个函数,入口函数,$(function(){})
(2)接收一个字符串
(3)接收一个字符串选择器/代码片段/DOM对象
四、jQuery的对象->伪数组
(1)伪数组的定义:有0-length-1的属性(数组中的元素下标索引值),有length属性(数组的长度)
五、jQuery方法与js原生方法的比较
jQuery方法可以对伪数组进行操作,而js原生不能
1.jQuery的each()和原生foreach() 遍历数组
2.map方法
jQuery写法:$map(arr,function(value,index){}) //参数:arr:要遍历的数组 function:遍历的回调函数,function中的参数,value:元素,index:下标
原生js:arr.map(value,index,array){} //参数:value:元素,index:数组下标,array:当前遍历的数组
六、jQuery中map和each的区别
1.each的静态方法默认返回值为遍历谁返回哪个数组的值,不支持在回调函数中对遍历的数组进行操作
2.map的默认返回值为空数组,可以通过return对遍历的数组进行操作,生成一个新数组返回

浙公网安备 33010602011771号