jquery的使用(一)

1、jquery对象与DOM对象之间的转化
注意：使用jquery前要先引入jquery库，<script src="jquery-3.4.1.min.js"></script>，jquery可以去官网下载你需要的版本
1）DOM对象转换为jquery对象

var dv = document.getElementsByClassName(“box”)[0];
var $dv2 = $(dv);//先用js获取dom元素，再将它放入$(dom元素)转为jquery元素
2）jquery对象转换为dom对象(两种方式[index]和.get(index))
[index]方式：
var $dv3 = $dv2[0];
.get(index)方式：
var $dv3 = $dv2.get(0);
3）jquery直接获取元素
var $box = $(".box");//获取class名为box的元素

2、jquery的入口函数
jq中 顶级对象 是 $ 或者jQuery关键字
注意：jquery中的$和jquery关键字本身同为一个对象
javascript中的入口函数：
window.οnlοad=function(){
存放我们需要暂缓加载的脚本…
}
jquery中的入口函数：
$(document).ready(function(){
//存放我们需要暂缓加载的脚本…
});
或者ready简写形式
$(function(){ //存放我们需要暂缓加载的脚本… });

onload和 ready的区别：
文档的加载步骤：
(1) 解析HTML结构
(2) 加载外部的样式表和脚本
(3)解析并执行脚本
(4) 构建HTML–DOM模型(ready方法执行)
(5)加载图片等外部资源
(6)页面加载完毕 (load方法执行)