Jquery是前端開發(fā)中常用的JS框架，它可以讓我們更方便、快捷地操作DOM元素，其中選擇器是最常用的功能之一。在選擇器中，nth-child、nth-of-type、nth-last-child和nth-last-of-type等都是常用的選擇器方法，今天我們來了解一下其中的nth選擇器。

$( "p:nth-child(2)" )

nth選擇器主要用來選取某個(gè)元素的兄弟元素，nth選擇器可以用數(shù)字參數(shù)來表示想選取的兄弟元素的位置。例如，在上面的代碼中，我們使用了":nth-child(2)"來選擇p元素中的第二個(gè)兄弟元素。

$( "p:nth-of-type(2)" )

與nth-child類似，nth-of-type也是用于選擇某個(gè)元素的兄弟元素。但是，它與nth-child不同的是，它只會(huì)考慮選擇器中指定的元素類型，而不會(huì)考慮它們的位置。例如，在上面的代碼中，我們使用了":nth-of-type(2)"來選擇第二個(gè)p元素，而不是第二個(gè)兄弟元素。

$( "p:nth-last-child(2)" )

需要選取倒數(shù)第二個(gè)兄弟元素時(shí)，nth-last-child就派上用場(chǎng)了。它可以通過在選擇器中添加-1來實(shí)現(xiàn)選取倒數(shù)第一個(gè)元素，-2來選取倒數(shù)第二個(gè)元素，以此類推。例如，在上面的代碼中，我們使用了":nth-last-child(2)"來選擇p元素中倒數(shù)第二個(gè)兄弟元素。

$( "p:nth-last-of-type(2)" )

類似于nth-of-type，nth-last-of-type也只會(huì)考慮指定元素類型，從后往前依次選取，最后返回符合的倒數(shù)第二個(gè)元素。例如，在上面的代碼中，我們使用了":nth-last-of-type(2)"來選擇倒數(shù)第二個(gè)p元素，而不是倒數(shù)第二個(gè)兄弟元素。

以上就是nth選擇器的常見使用方法，我們可以根據(jù)實(shí)際需求來選擇一個(gè)合適的nth選擇器來操作DOM元素。