jQuery選擇器是jQuery庫中的一種重要工具，它可以幫助我們更加快速、簡單地選擇和操作文檔對象模型（DOM）中的元素。jQuery選擇器主要分為基本選擇器和層級選擇器兩類。

//基本選擇器
$(document).ready(function(){
//選取id為demo的元素
$("#demo").click(function(){
$(this).hide();
});
});
//層級選擇器
$(document).ready(function(){
//選取class為first的div元素
$("div.first").css("border", "2px solid red");
});

基本選擇器包括id選擇器、class選擇器和元素選擇器。其中，id選擇器使用“#”符號進行標識，class選擇器使用“.”符號進行標識，元素選擇器則直接使用標簽名稱。

層級選擇器則是通過不同元素之間的關系，來選擇需要操作的元素。例如，可以通過“元素 祖先元素”、“元素>父元素”、“元素+相鄰元素”、“元素~同級元素”等方式進行層級選擇。

$(document).ready(function(){
//選取div中的第一個p元素
$("div p:first").hide();
});
$(document).ready(function(){
//選取class為wrapper下的第一個input元素
$("div.wrapper > input:first").css("background-color", "yellow");
});
$(document).ready(function(){
//選取id為demo后的所有p元素
$("#demo + p").css("font-weight", "bold");
});
$(document).ready(function(){
//選取與id為demo同級的p元素
$("#demo ~ p").css("color", "blue");
});

綜上所述，jQuery選擇器可以幫助我們更加方便、快捷地選擇和操作DOM中的元素，讓前端開發變得更加高效。