站長(zhǎng)資訊網(wǎng)
在jquery中，可以利用“:not()”選擇器獲取除了eq選擇器選擇的元素，“:not()”選擇器用于選取除了指定元素以外的所有元素，最常見的是與其他選擇器一起使用，語法為“$("元素:not(:eq(…))").方法”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.4.1版本、Dell G3電腦。
jquery怎么獲取除了eq選擇的元素
eq() 方法返回帶有被選元素的指定索引號(hào)的元素。
索引號(hào)從 0 開頭，所以第一個(gè)元素的索引號(hào)是 0（不是 1）。
語法
$(selector).eq(index)
index 必需。規(guī)定元素的索引?？梢允钦麛?shù)或負(fù)數(shù)。
注意：使用負(fù)數(shù)將從被選元素的結(jié)尾開始計(jì)算索引
:eq() 選擇器選取帶有指定 index 值的元素。
index 值從 0 開始，所有第一個(gè)元素的 index 值是 0（不是 1）。
經(jīng)常與其他元素/選擇器一起使用，來選擇指定的組中特定序號(hào)的元素（如上面的例子）。
語法
$(":eq(index)")
參數(shù) 描述
index 必需。規(guī)定元素的 index 值。
想要獲取獲取除了eq選擇的元素，利用:not() 選擇器即可。
:not() 選擇器選取除了指定元素以外的所有元素。
最常見的用法：與其他選擇器一起使用，選取指定組合中除了指定元素以外的所有元素（如上面的實(shí)例）。
語法
$(":not(selector)")
參數(shù) 描述
selector 必需。規(guī)定不選擇的元素。
該參數(shù)接受任何類型的選擇器。
示例如下：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p:eq(1)").css("background-color","#B2E0FF"); }); </script> </head> <body> <html> <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald</p> <p>I live in Duckburg</p> <p>My best friend is Mickey</p> <div id="choose"> Who is your favourite: <ul> <li>Goofy</li> <li>Mickey</li> <li>Pluto</li> </ul> </div> </body> </html> </body> </html>
輸出結(jié)果：
利用not選擇器示例如下：
<script type="text/javascript"> $(document).ready(function(){ $("p:not(:eq(1))").css("background-color","#B2E0FF"); }); </script>
輸出結(jié)果：
視頻教程推薦：jQuery視頻教程
