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 = ( d v ) ; / / 先 用 j s 获 取 d o m 元 素 , 再 将 它 放 入 (dv);//先用js获取dom元素,再将它放入 (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方法执行)