共计 2054 个字符，预计需要花费 6 分钟才能阅读完成。
本节咱们来学习 jQuery 中的选择器，选择器是 jQuery 库中最重要的局部之一。
jQuery 选择器
jQuery 选择器容许咱们选取和操作 HTML 元素，它用于依据 HTML 元素的名称、ID、类、类型、属性和属性值等来查找 HTML 元素。除了基于现有的 CSS 选择器，它还有一些本人自定义的选择器。
要留神 jQuery 中的所有选择器都以美元符号和圆括号结尾，例如 $()。
元素选择器
jQuery 元素选择器是依据元素名称匹配绝对应的元素。也就是说它是依据元素的标签名来抉择的，指向的是 DOM 元素的标签名。
示例：
例如有上面一段 HTML 代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_侠课岛 (9xkd.com)</title>
</head>
<body>
<h2> 你好，欢送来到侠课岛！</h2>
<div>
<p> 侠课岛的学习课程：</p>
<ul>
<li class="course">Python</li>
<li class="course"> 前端 </li>
<li class="course">Java</li>
<li class="course">PHP</li>
</ul>
<div>
<button> 点击按钮 </button>
</div>
</div>
</body>
</html> 如果咱们要在这个页面中写入 jQuery 代码，首先须要引入 jQuery 文件，格局如下所示：
<script src="jquery-3.5.1.min.js"></script> 这示意咱们引入的 jquery-3.5.1.min.js 和 index.html 文件位于同一目录下。
接着咱们要在一个新的 <script> 标签中编写 jQuery 代码，留神肯定要另外写一个 <script>，不能写在 引入文件的 <script> 标签中哟。
例如要实现点击页面中的按钮，暗藏所有 <li> 标签的成果：
<script>
$(function(){$("button").click(function(){$("li").hide();});
});
</script> 上述代码中，最开始是一个 jQuery 的加载函数 $(function(){})，这个咱们后面一节讲到过。而后在 button 标签选择器上绑定了一个 click() 点击事件，示意当点击元素时，会触发这个点击事件。而后会运行点击事件中的函数，这函数中的 $("li").hide() 示意选取页面所有的 <li> 标签而后进行暗藏，hide() 就是一个暗藏元素办法。
在浏览器中的演示成果：
class 类选择器
jQuery 类选择器能够通过指定的 class 来查找元素。语法和标签选择器有一点区别，就是须要在类选择器名称后面加上一个点号 .。
示例：
例如上面这段代码，其实和上述元素选择器中的示例成果差不多，不同的是这示意对页面中所有 class="course" 的元素进行暗藏：
<script>
$(function(){$("button").click(function(){$(".course").hide();});
});
</script> 尽管在本节教程中这两个示例的在浏览器中的演示成果是一样的，然而还有有很大的区别，对于前一个示例来说，只有是标签为 <li> 的元素都会进行暗藏，而对于此示例来说，只有设置了 class="course" 的元素才会进行暗藏。
ID 选择器
jQuery 中的 ID 选择器通过 HTML 元素的 id 属性来查找指定的元素。一个 ID 在一个页面中应该是惟一的，所以当咱们想要选取惟一的元素时，应该应用 ID 选择器。
示例：
例如获取页面中 id 为 xkd 的元素文本内容，并通过 alert() 办法显示在浏览器中：
alert($("#xkd").text()); 咱们在应用 ID 选择器时，须要在选择器后面加上一个井号 #。text() 办法能够用于返回所选元素的文本内容。
在浏览器中的演示成果：
JQuery 中的其余选择器
除了标签选择器、类选择器、ID 选择器，JQuery 中还有一些自定义的选择器，如下所示：
| 语法 | 形容 |
|---|---|
| $(“*”) | 选取所有元素 |
| $(this) | 选取以后 HTML 元素 |
| $(“p.xkd”) | 选取所有 class="xkd" 的 <p> 元素 |
| $(“p:first”) | 选取第一个 <p> 元素 |
| $(“ul li:first”) | 选取第一个 <ul> 元素下的第一个 <li> 元素 |
| $(“ul li:first-child”) | 选取每个 <ul> 元素下的第一个 <li> 元素 |
| $(“[href]”) | 选取所有具备 href 属性的元素 |
| $(a[target=’_blank’]) | 选取所有指标属性值等于 _blank 的 <a> 元素 |
| $(a[target!=’_blank’]) | 选取所有指标属性值不等于 _blank 的 <a> 元素 |
| $(“div#xkd .good”) | 选取 id="xkd" 的 <div> 元素中的所有 class="good" 的元素 |
| $(“tr:even”) | 选取所有偶数地位的 <tr> 元素 |
| $(“tr:odd”) | 选取所有奇数地位的 <tr> 元素 |
