Jquery最核心的組成部分就是選擇器引擎。他繼承了CSS的語法，可以對DOM元素的標簽名、屬性名、狀態等進行快速、精確的選擇，并且不必擔心瀏覽器的兼容性。Jquery選擇器除實現了基本的標簽選擇外，還提供了各種特殊的選擇。

一、基本選擇器：

基本選擇器

對于獲取的元素的個數我們可已通過兩個方法來獲取

$("div").size();
$("div").length();

二、進階選擇器：

進階選擇器

三、層次選擇器：

層次選擇器

在兼容CSS選擇器模式的同時下，Jquery又自定義了獨特的方法進行DOM對象的選擇。具體方法如下：

$('#box').children('p').css('color','red'); //等同于子選擇器
$('#box').next('p').css('color','red'); //等同于同級下一個元素
$("#box").nextAll('p').css('color','red'); //等同于同級所有下面的元素
$("#box").prev('p').css('color','red'); //等同于同級上一個元素
$("#box").prevAll('p').css('color','red'); //等同于同級所有下面的元素
$("#box").prevUntil('p').css('color','red'); //等同于同級上非指定元素選定，遇到則停止
$("#box").nextUntil('p').css('color','red'); //等同于同級下非指定元素選定，遇到則停止
$("#box").siblings('p').css('color','red'); //等同于同級上下所有元素

四、屬性選擇器：

屬性選擇器