JQuery语法

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);