jQuery是一個JavaScript函式庫，設計用來簡化HTML文件的遍歷與操作、事件處理、動畫效果以及AJAX互動等操作。而jQuery選擇器是jQuery函式庫最基礎、最核心的一部分，它是jQuery函式庫用來找出DOM元素的函數。
在jQuery選擇器中，eq()是一種基於索引的遍歷和過濾選擇器，它用於選取一個或多個元素中的特定索引位置的元素，從而實現對元素集合的篩選和過濾。
下面，我們將詳細介紹jQuery選擇器eq()的使用方法和操作技巧。
一、jQuery選擇器eq()的語法
在jQuery中，eq()選擇器的語法如下所示：
$(selector).eq( index)
其中，$(selector)是jQuery的選擇器表達式，用來指定需要篩選和選擇的元素。而index是從0開始的整數值，用來指定需要選擇元素的索引位置。
要注意的是，當index小於0或大於元素個數減一時，eq()會傳回一個空的jQuery對象，而不是報錯。
二、jQuery選擇器eq()的範例
以下為大家介紹一些jQuery選擇器eq()的實際應用範例，以便更好地理解其具體的使用方法和操作技巧。
範例1：選擇器篩選
在下面的範例中，我們使用了三種不同的選擇器篩選方式來選擇清單中的li元素，然後使用eq(1)選擇器選取第二個元素實現背景色的變化。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery demo - eq()选择器</title>
<style type="text/css">
.active {
background-color: #EE9A00;
}
</style>
</head>
<body>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Pineapple</li>
<li>Orange</li>
<li>Grape</li>
</ul>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
// 根据元素名筛选
$('li').eq(1).addClass('active');
// 根据类名筛选
$('.active').eq(1).addClass('active');
// 根据ID名筛选
$('#word3').eq(0).addClass('active');
</script>
</body>
</html>範例2：選擇器的遍歷和操作
在下面的範例中，我們使用了選擇器eq()來實現對一個表單中的多個輸入框元素的遍歷和操作，當我們在任何一個輸入框中輸入操作後，其他輸入框的值也會隨之改變。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery demo - eq()选择器</title>
</head>
<body>
<form>
<input type="text" id="input1" value="default value"/>
<input type="text" id="input2" value="default value"/>
<input type="text" id="input3" value="default value"/>
<input type="text" id="input4" value="default value"/>
</form>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$("input").on("input", function() {
var index = $("input").index(this);
$("input").eq(index).val($(this).val());
});
</script>
</body>
</html>三、總結
透過上述範例，我們可以看到eq()選擇器在jQuery中的比較重要的作用。使用它，我們可以快速且準確地定位、篩選和操作我們需要的元素，從而實現更有效率、便利的程式設計和開發。因此，在學習和掌握jQuery選擇器時，必須專注於掌握eq()選擇器的使用方法和操作技巧，這對於提高我們的程式設計效率和工作品質都具有重要的意義。
以上是jquery中的選擇器eq是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
