原生js入口函数与jQuery入口函数的区别
1、window.onload与document.ready在加载时间上的差异
document.ready会先触发,其次才是window.onload
window.onload是在所有的DOM元素都加载完成之后才会被触发
document.ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行,这些元素中不包含图片
* 浏览器加载一个页面的过程,主要分为4步
* 1.加载html,并且把html元素进行解析
* 2. 加载css样式
* 3. 进行布局
* 4.进行渲染
2、window.onload与document.ready在加载次数上的差异
window.onload如果注册多次的话,只会执行最后一次,因为会覆盖
document.ready如果注册多次话,他们会全部被执行
jQuery入口方法的多种写法
1、$(document).ready()
2、jQuery(document).ready()
3、$(function(){}) //在开发中最常用一种方式
jQuery的冲突问题
解决jq与其他框架的冲突方式有两种
1、把$符号改为jQuery
2、jQuery.noConflict()
2.1、如果noConflict函数的参数为false,则只放弃$,不放弃jQuery
2.2、如果noConflict函数的参数为true,则全部放弃
3、设置jQuery的别名
var jq=jQuery.noConflict()
jQuery核心函数
jquery的核心函数其实就是$()
1、接收一个函数
//将会自动运行该函数,并且返回一个jq对象,对象内容为document
2、接收一个字符串
2.1、接收一个字符串选择器
//此时将会返回一个jq对象,对象内容为选择器所选中的内容
2.2、接收一个dom对象的字符串
//此时将会返回一个jq对象,对象内容为此字符串生成的dom对象
3、接收一个DOM元素
//此时会返回一个jq对象,内容为这个dom对象
jQuery对象
1、什么是jquery对象
jQuery的对象是一个伪数组
2、什么是伪数组?
有0—length-1的属性,并且包含length属性
欢迎加入web前端冲击顶级高薪大厂学习群,群聊号码:820269529