初步认知jQuery

最新推荐文章于 2024-07-18 18:11:14 发布

有园人

最新推荐文章于 2024-07-18 18:11:14 发布

阅读量90

点赞数

分类专栏：网页编程和设计文章标签：初步认知jQuery

本文链接：https://blog.csdn.net/qq_42031653/article/details/99684655

版权

网页编程和设计专栏收录该内容

33 篇文章 0 订阅

订阅专栏

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

js弹框：

jQuery弹框：

有园人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初步认知jQuery

jQuery：是JavaScript的一个类库全写JavaScript querywrite less do moreJavaScript查询写的更少做的更多第一步先导入js文件：<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>然后再去写你想要操作的元素。例：...
复制链接

扫一扫

专栏目录