jQuery 是一款流行的 JavaScript 庫，它提供了非常多的工具和函數，可以簡化 web 開發人員的日常工作。
其中最常用的工具之一就是選擇器。選擇器可以幫助我們以一種非常靈活的方式獲取文檔中的元素，然后進行一系列操作。
下面我們來看一個示例，假設我們需要展示一個學生列表，并且需要根據條件篩選某些學生：
<html>
<head>
<title>學生信息</title>
<script src="jquery.min.js"></script>
</head>
<body>
<h1>學生列表</h1>
<ul>
<li class="student" data-age="20" data-gender="male">Tom</li>
<li class="student" data-age="18" data-gender="female">Lily</li>
<li class="student" data-age="22" data-gender="male">Jack</li>
<li class="student" data-age="21" data-gender="female">Lucy</li>
</ul>
<button id="filter">篩選年齡小于 20 歲的女生</button>
<script>
$(document).ready(function() {
$("#filter").click(function() {
$(".student[data-age<20][data-gender=female]").show();
});
});
</script>
</body>
</html>代碼中我們定義了一個列表，每個列表項都有 class 為 student，還定義了兩個自定義屬性 data-age 和 data-gender 用來存儲學生的年齡和性別。
然后我們通過 jQuery 中的 $() 函數獲取了所有 class 為 student，且 data-age 小于 20， data-gender 為 female 的元素，并讓這些元素顯示出來。
通過選擇器，我們可以快速地實現復雜的篩選和操作。