jQuery是一款流行的JavaScript庫，它簡化了在網頁上操作HTML元素、事件處理、動畫效果和Ajax等操作的過程。在使用jQuery進行開發時，熟練掌握各種選擇器種類及其用途是至關重要的。選擇器是jQuery中用于選取指定元素的方法，可以根據需要精準選擇想要操作的元素，從而實現更加靈活的開發。
1. 基礎選擇器
元素選擇器：選擇所有指定元素，語法為$("element")。例如，$("p")選取所有段落元素。
$("p").css("color", "red");
登錄后復制
ID選擇器：選擇特定id的元素，語法為$("#id")。例如，$("#myId")選取id為”myId”的元素。
$("#myId").hide();
登錄后復制
類選擇器：選擇指定類的元素，語法為$(".class")。例如，$(".myClass")選取類為”myClass”的元素。
$(".myClass").fadeIn();
登錄后復制
2. 層級選擇器
后代選擇器：選擇指定元素的后代元素，語法為$("parent descendant")。例如，$("div p")選取所有div元素內的段落元素。
$("div p").addClass("highlight");
登錄后復制
子元素選擇器：選擇指定元素的直接子元素，語法為$("parent > child")。例如，$("ul > li")選取ul元素下的直接子元素li。
$("ul > li").hover(function(){
$(this).toggleClass("hover");
});
### 3. 過濾選擇器
登錄后復制
第一個元素：選擇第一個匹配的元素，語法為:first。例如，$("li:first")選取第一個li元素。
$("li:first").css("font-weight", "bold");
登錄后復制
最后一個元素：選擇最后一個匹配的元素，語法為:last。例如，$("li:last")選取最后一個li元素。
$("li:last").css("color", "blue");
登錄后復制
4. 內容選擇器
包含指定文本內容的元素：選擇包含指定文本內容的元素，語法為:contains(text)。例如，$("p:contains('Hello')")選取包含文本”Hello”的段落元素。
$("p:contains('Hello')").addClass("highlight");
登錄后復制
空元素：選擇沒有子元素的空元素，語法為:empty。例如，$("div:empty")選取空的div元素。
$("div:empty").text("This div is empty");
登錄后復制
5. 狀態選擇器
可見元素：選擇可見的元素，語法為:visible。例如，$("div:visible")選取可見的div元素。
$("div:visible").fadeOut();
登錄后復制
隱藏元素：選擇被隱藏的元素，語法為:hidden。例如，$("div:hidden")選取被隱藏的div元素。
