初步认知jQuery

jQuery：是JavaScript的一个类库全写JavaScript query   write less do more
JavaScript查询写的更少做的更多

第一步先导入js文件：

<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>

然后再去写你想要操作的元素。例：我想要通过id去获取div：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>
		<script>
			//1.js获得元素的方式
			var div1=document.getElementById("div1");
			
			//2.JQuery获得元素的方式
			//第一步先导入js文件
			var div2=$("div1");
		</script>
	</head>
	<body>
		<div id="div1">
			
		</div>
	</body>
</html>

在这里我们写了js和jQuery的获取元素的方式的对比，很明显，jQuery简洁明了。

jQuery中alert弹框可以写多次且不冲突，js中只能执行最后一个alert。jQuery也有三种书写方式，常用的是第一种。

                //js只会弹出456
			window.οnlοad=function(){
				alert("123");
			}
			window.οnlοad=function(){
				alert("456");
			}
			
			/*
				jquery三个都会弹出，可以写多个，不冲突
				jQuery的三种书写方式
				$的俩个含义：
					1.相当于：window.οnlοad=function(){}
					2.功能比window.onload更强大，可以表示多种意思。
			*/
			$(function(){
				alert("123");
			})
			
			jQuery(function(){
				alert("456");
			})
			
			$(document).ready(function(){
				alert("789");
			})

js弹框：

 

jQuery弹框：

 

 

 

posted @ 2019-12-11 08:56  sakura-yxf  阅读(103)  评论(0)    收藏  举报