jQuery简介

夏至青柠

于 2020-07-21 20:24:38 发布

阅读量1.1k

点赞数 2

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qibulemingzi/article/details/107496947

版权

jQuery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

在这里插入图片描述

一、jQuery是什么

jQuery 是JavaScript的一个函数库，可以作为前端的框架，是JavaScript应用最广泛的库。

二、jQuery功能

操作HTML元素
操作CSS
JS特效与动画
DOM处理
Ajax
…

三、jQuery环境搭建

下载：jQuery官网
cdn 资源库引入的路径优化访问速度（推荐）

jQuery各种版本cdn

四、jQuery的入口函数

	(1) $(document).ready(function(){})

	(2)jquery(document).ready(function(){})

	(3)$(function(){})   推荐

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
			<script type="text/javascript">
				/* 基本选择器 */
				/* id选择器 根据元素的id进行查找 #id*/
				$(function(){
					var idxzq=$('#notMe');
					console.log(idxzq);
					
				/*element 根据给定的元素标签名匹配所有元素  element*/
				console.log($('div'));
				
				/* class 根据给定的css类名匹配元素 .class*/
				console.log($('.myClass'));
				
				/* * 匹配所有元素 * */
				console.log($('*'));
				
				/* selector1,selector1,selectorN 指定任意多个选择器，合并在一个结果内 */
				console.log($('div,span,p.notclass'));
				
				});
			</script>
	</head>
	<body>
		<div id="notMe" class="myClass">
			
		</div>
		<p></p>
		<span></span>
		<p class="notclass"></p>
	</body>
</html>