Jquery
Jquery中的ready事件和原生JS中onload的区别和联系
ready事件:ready事件是准备就绪工作,执行时间在onload之间,一般是加载元素,和onload很相似,执行时间也很相似;一个html文件中可以写多个ready事件,多个ready事件也都可以执行。
onload事件:onload事件是加载阶段,一般为加载资源,一个html文件中也可以写多个onload事件,但是和ready事件不同的是多个onload事件会被最后一个onload事件所覆盖。
-
编写ready事件的两种方法
$(document).ready(function(){ alert("ready go"); }); $(function(){ alert("ready go"); });
-
编写onload事件
window.onload=function(){ alert("加载中..."); };
最简单的元素选择器
-
获取一个jquery对象
$(".类名")或者 $("#id名")
选择器
- 空格:空格左边元素的后代元素,所有元素;
- E>F: E元素的子元素F(可能是集合),不包括后代;
- E+F:E元素右边的相邻元素(一个)
- E~F:E元素右边的所有相邻元素(多个),不包括E元素。
JQuery元素和原生JS转换
- 获取jquery对象
<div id="all">我是正则</div>
<script type="text/javascript" src="js/jquery-3.4.1.min.js" ></script>
<script>
var dv = document.getElementById("all");
console.log(dv);
//jquery-->dom
$dv2 =$(dv);
//dom-->jquery
console.log($dv2[0]);
//jquery值
console.log($dv2.html());
//jquery获取元素
var $dv = $("#all");
console.log($dv);
//dom-->jquery
console.log($dv[0]);
//jquery值
console.log($dv.html());
//jquery-->dom,获取标签对内容
console.log($dv[0].innerHTML);