jquery怎麼取得除了eq選擇的元素
- WBOY原創
- 2022-06-09 17:27:341356瀏覽
在jquery中，可以利用「:not()」選擇器來取得除了eq選擇器所選擇的元素，「:not()」選擇器用來選取除了指定元素以外的所有元素，最常見的是與其他選擇器一起使用，語法為「$("元素:not(:eq(...))").方法」。
本教學操作環境：windows10系統、jquery3.4.1版本、Dell G3電腦。
jquery怎麼取得除了eq選擇的元素
eq() 方法傳回帶有被選取元素的指定索引號的元素。
索引號碼從 0 開頭，所以第一個元素的索引號碼是 0（不是 1）。
語法
$(selector).eq(index)
index 必要。規定元素的索引。可以是整數或負數。
注意：使用負數將從被選取元素的結尾開始計算索引
:eq() 選擇器選取帶有指定 index 值的元素。
index 值從 0 開始，所有第一個元素的 index 值是 0（不是 1）。
經常與其他元素/選擇器一起使用，來選擇指定的群組中特定序號的元素（如上面的範例）。
語法
$(":eq(index)")參數 描述
index 必要。規定元素的 index 值。
想要取得除了eq選擇的元素，利用:not() 選擇器即可。
:not() 選擇器選取除了指定元素以外的所有元素。
最常見的用法：與其他選擇器一起使用，選取指定組合中除了指定元素以外的所有元素（如上面的實例）。
語法
$(":not(selector)")參數 描述
selector 必要。規定不選擇的元素。
此參數接受任何類型的選擇器。
範例如下：
<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>輸出結果：
#利用not選擇器範例如下：
<script type="text/javascript">
$(document).ready(function(){
$("p:not(:eq(1))").css("background-color","#B2E0FF");
});
</script> 輸出結果：
影片教學推薦：jQuery影片教學
以上是jquery怎麼取得除了eq選擇的元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：在jquery中有map方法嗎下一篇：在jquery中有map方法嗎