jQuery选择器基本用法详解：ID、元素名、类选择器

jQuery 选择器基础知识点 jQuery 是一个功能强大的 JavaScript 库，它提供了多种选择器来帮助开发者快速地选择和操作 HTML 元素。下面是 jQuery 选择器基础知识点的总结。 一、ID 选择器 (#id) ID 选择器用于根据给定的 ID 匹配一个元素。它返回一个元素对象，参数为要搜索的 ID 值。 示例：查找 ID 为 "myDiv" 的元素。 HTML 代码： ``` <div id="notMe"><p>id="notMe"</p></div> <div id="myDiv">id="myDiv"</div> ``` jQuery 代码： ``` $("#myDiv"); ``` 结果： ``` [<div id="myDiv">id="myDiv"</div>] ``` 二、元素选择器 (element) 元素选择器用于匹配所有具有给定名称的元素。它返回一个元素数组，参数为要搜索的元素名称。 示例：查找所有 DIV 元素。 HTML 代码： ``` <div>DIV1</div> <div>DIV2</div> <span>SPAN</span> ``` jQuery 代码： ``` $("div"); ``` 结果： ``` [<div>DIV1</div>, <div>DIV2</div>] ``` 三、类选择器 (.class) 类选择器用于匹配所有具有给定类的元素。它返回一个元素数组，参数为要搜索的类名称。 示例：查找所有类为 "myClass" 的元素。 HTML 代码： ``` <div class="notMe">div class="notMe"</div> <div class="myClass">div class="myClass"</div> <span class="myClass">span class="myClass"</span> ``` jQuery 代码： ``` $(".myClass"); ``` 结果： ``` [<div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span>] ``` jQuery 选择器提供了多种方式来选择和操作 HTML 元素，包括 ID 选择器、元素选择器和类选择器等。这些选择器可以帮助开发者快速地选择和操作元素，从而提高开发效率。