企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 1、释放$ 1.1、什么是释放$ $表示jQuery对象,或者说它表示jQuery函数。使用jQuery必须要使用$符号。 释放$,也就是在使用jQuery的时候,不用$符号。 1.2、为什么要释放$ 为了避免冲突,所以要释放$. 有些时候,可能项目中用到的js框架不止一个,其他框架有可能也用$. 有些时候,我们自己定义一个函数,函数名就是$. 这些情况都会和jQuery中的$产生冲突。 1.3、如何释放$,如何不使用$,还能用jQuery 方法一: ![](https://img.kancloud.cn/f5/57/f5575c7994a8dfb9a4db994ff3445e7c_726x130.png) 方法二: ![](https://img.kancloud.cn/10/89/1089a67f37e3087eb3d780a0733cc539_706x99.png) 方法三: ![](https://img.kancloud.cn/46/ea/46ea444e914bd0c5d1ebd50701ef6e2b_756x172.png) # 2、ready事件的简写形式 ![](https://img.kancloud.cn/11/98/11981665adeaa1424b9f9b66fd7e860e_707x432.png) # 3、ready事件和onload事件的区别 区别1:执行时机不同 ``` ready事件在页面的dom节点加载完毕就会执行,无需下载图片等资源。 onload事件在页面完全加载完毕才会执行,需要页面中所有的资源都下载完毕才会执行。 ``` 区别2:执行次数不同 ``` 默认的onload事件只能执行一个 ready事件,写几个,执行几个。 ``` ![](https://img.kancloud.cn/0f/6d/0f6dd4dcb1f8e887056c521f717271d7_706x631.png) # 4、DOM对象和jQuery对象的区别 4.1、什么是DOM对象?什么是jQuery对象? DOM对象就是通过纯JS的方式,比如document.getEle…..得到的对象就是DOM对象。 jQuery对象就是通过jQuery方法 $('li'); 得到的对象。 4.2、DOM对象和jQuery对象的区别 DOM对象能够调用DOM方法,而不能调用jQuery方法; jQuery对象能够调用jQuery方法,而不能调用DOM方法; ![](https://img.kancloud.cn/2d/97/2d971adb462011cec19cef0fe96e17ba_920x392.png) 4.3、DOM对象和jQuery对象互换 ![](https://img.kancloud.cn/d2/12/d21266a51df115807af48de9c34c8606_815x267.png) # 5、each方法 人性化的遍历 语法一: ``` 需要遍历的对象.each(function(i, val){ //每遍历一次,执行一次该函数 //形参i,就是每次遍历时对象的下标 //形参val,就是每次遍历的dom对象 }); ``` 语法二: ``` $.each(需要遍历的对象, function(i, val){ //每遍历一次执行一次该函数。形参i和val和上面的语法中的一样 }); ``` each用于遍历对象或数组,可以理解为for或for…in循环,但是比for和for…in要强大。 ![](https://img.kancloud.cn/6e/94/6e94f0f4b02d31c7bd811df891c0f16d_293x115.png) 演示each的两个用法: ![](https://img.kancloud.cn/86/49/864903710b538c520b71aafcab93a6b3_800x219.png) each和事件配合,能够得到每个li的下标。 ![](https://img.kancloud.cn/b9/b2/b9b2d744762f5c22932da2b78ba73216_871x434.png)