jquery对象与核心函数

原生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