本节咱们来学习 jQuery 中的选择器，选择器是 jQuery 库中最重要的部份之一。
jQuery选择器
jQuery 选择器允许咱们选取以及操作 HTML 元素，它用于依据 HTML 元素的名称、ID、类、类型、属性以及属性值等来查找 HTML 元素。除了了基于现有的 CSS 选择器，它还有一些自己自定义的选择器。文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
要注意 jQuery 中的所有选择器都以美元符号以及圆括号开头，例如 $。文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
元素选择器
jQuery 元素选择器是依据元素名称匹配相对于应的元素。也就是说它是依据元素的标签名来选择的，指向的是 DOM 元素的标签名。文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
示例：
例如有下面一段 HTML 代码：文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
<!DOCTYPE html>
<html>
<head>
<meta charset=&34;>
<title>jQuery_侠课岛</title>
</head>
<body>
<h2>你好，欢迎来到侠课岛！</h2>
<div>
<p>侠课岛的学习课程：</p>
<ul>
<li class=&34;>Python</li>
<li class=&34;>前端</li>
<li class=&34;>Java</li>
<li class=&34;>PHP</li>
</ul>
<div>
<button>点击按钮</button>
</div>
</div>
</body>
</html>
如果咱们要在这个页面中写入 jQuery 代码，首先需要引入 jQuery 文件，格式如下所示：文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
<script src=&34;></script>
这表示咱们引入的 jquery-3.5.1.min.js 以及 index.html 文件位于同一目录下。文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
接着咱们要在一个新的 <script> 标签中编写 jQuery 代码，注意一定要此外写一个 <script> ，不能写在 引入文件的 <script> 标签中哟。文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
例如要实现点击页面中的按钮，暗藏所有 <li> 标签的效果：文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
<script>
${
$.click{
$.hide;
});
});
</script>
上述代码中，最开始是一个 jQuery 的加载函数 ${})，这个咱们前面一节讲到过。然后在 button 标签选择器上绑定了一个 click 点击事件，表示当点击元素时，会触发这个点击事件。然后会运行点击事件中的函数，这函数中的 $.hide 表示选取页面所有的 <li> 标签然落后行暗藏，hide 就是一个暗藏元素办法。文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
在阅读器中的演示效果：[图片上传失败...]文章源自微观生活（93wg.com）微观生活-https://93wg.com/4965.html
class类选择器
jQuery 类选择器可以通过指定的 class 来查找元素。语法以及标签选择器有一点区分，就是需要在类选择器名称前面加之一个点号.。
示例：
例如下面这段代码，其实以及上述元素选择器中的示例效果差不多，不同的是这表示对页面中所有 class=&34; 的元素进行暗藏：
<script>
${
$.click{
$.hide;
});
});
</script>
尽管在本节教程中这两个示例的在阅读器中的演示效果是同样的，然而还有有很大的区分，对于前一个示例来讲，只要是标签为 <li> 的元素都会进行暗藏，而对于此示例来讲，只有设置了 class=&34; 的元素才会进行暗藏。
ID选择器
jQuery 中的 ID 选择器通过 HTML 元素的 id 属性来查找指定的元素。一个 ID 在一个页面中应当是独一的，所以当咱们想要选取独一的元素时，应当使用 ID 选择器。
示例：
例如获取页面中 id 为 xkd 的元素文本内容，并通过 alert 办法显示在阅读器中：
alert.text);
咱们在使用 ID 选择器时，需要在选择器前面加之一个井号 34;xkd&34;xkd&34;good&
$
选取所有偶数位置的 <tr> 元素
$
选取所有奇数位置的 <tr> 元素
链接：https://www.9xkd.com/
以上就是微观生活（93wg.com）关于“jQuery 选择器”的详细内容，希望对大家有所帮助！
评论