JQuery

JQuery

基本使用

1、从官网下载jquery-3.5.1.min.js

2、将jquery-3.5.1.min.js粘贴到项目的js目录下

3、在需要使用的页面下引入

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

4、使用，在script 标签下

  <script type="text/javascript">
	 	var div = $("#div");
		console.log(div);
     	</script>

DOM对象和JQuery包装集对象

相互转换

• DOM对象 -> JQuery对象 ：$(dom对象)
• JQuery对象 -> DOM对象 ：JQuery对象[下标]

注意

• 如果dom对象判断元素是否存在，可以判断是否为null；
• 如果jquery包装集对象判断元素是否存在，要判断返回的包装集的length是否大于0

JQuery选择器

基础选择器

• id选择器 $("#testDiv")

  • 选择id为testDiv的元素

• 元素名称选择器 $(“div”)

  • 选择所有div元素

• 类选择器 $(".blue")

  • 选择所有class=blue的元素

• 选择所有元素 $("*")

  • 选择⻚⾯所有元素

• 组合选择器 $(&