jQuery--介绍jQuery，jQuery选择器

最新推荐文章于 2023-01-09 17:46:44 发布

羊咩咩的小脑袋~

最新推荐文章于 2023-01-09 17:46:44 发布

阅读量256

点赞数 1

文章标签： jquery javascript ajax

本文链接：https://blog.csdn.net/weixin_69036336/article/details/127236075

版权

一，jQuery的介绍：

jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，DOM，处理事件，执行动画和开发AJAX的操作。

二，jQuery的优势：

1：轻量级，核心文件才几十kb，不会影响页面加载速度。

2：跨浏览器兼容，基本兼容了现在主流的浏览器。

3：链式编程，隐式迭代。

4：对事件，样式，动画支持，大大简化了DOM操作。

5：支持插件扩展开发，有着丰富的第三方插件，例如：树形菜单，日期控件，轮插图等。

6：免费，开源。

三，jQuery选择器：

1：标签选择器（E1）

2：通配选择器（*)

3：ID选择器（#sID)

4：类选择器（.className）

5：群组选择器（E1,E2,E3)

6：包含选择器（E1,E2)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style >
			*{
				margin: 0px;
				padding: 0px;
			}
			#d1{
				width: 200px;
				height: 200px;
				background-color: aqua;
			}
			#d2{
				width: 200px;
				height: 200px;
				background-color: green;
			}
		</style>
		
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript">
			$(function(){
				var d1=$("#d1");
				d1.text("abc");
			});
		</script>
	</head>
	<body>
		<div id="d1"></div>
		<div id="d2"></div>
	</body>
</html>