jQuery的入口和jQurey的对象切换

jQuery

jQuery的导入

通过script标签的src属性，link标签是导入层叠样式表

jQuery和原生JS的入口函数

1.jQ在页面结构加载完毕就会执行

原生JS的入口函数是等图片、层叠样式、DOM树加载等内容加载完毕才会执行，代码如下：

window.onload = function(){

conslole.log('原生入口')

}

2.第一种jQuery的入口函数

$(document).ready(function(){

conslole.log('jQuery入口1')

}

3.第二种jQuerry的入口函数

$(function(){

conslole.log('jQuery入口2')

})

jQuery对象与原生对象的转换

为什么要区别？

因为原生代码获取的元素是原生DOM元素，只能使用原生的方法没有办法使用jQ方法

怎么转换

1.eg：原生转jQ

let eg = document.querySelector('#id名')

只需要将原生对象eg前加上$符号，$(eg)

2.eg:jQ转原生

jQ对象本质上就是将原生对象进行封装之后的产品

通过下标的方式来获得原生对象：

$eg[0].style.backgroundColor = 'green'

通过get方法来获取，也是通过下标

$eg.get(0).style.backgroundColor = 'yellow'