jQuery是一種流行的JavaScript庫,可以幫助您更輕松地操作HTML元素。在這篇文章中,我們將學習如何使用jQuery遍歷<div>元素中的<img>元素,讓我們開始吧!
$(document).ready(function(){ $("div img").each(function(){ // 對每一個img執行操作 $(this).css("border", "1px solid red"); }); });
在上面的代碼段中,我們使用了jQuery的each()方法。這個方法可以幫助我們遍歷所有與給定選擇器匹配的元素。在這個例子中,我們使用了選擇器“div img”,這表示我們只關心每個<div>元素下的<img>元素。
在每次遍歷中,我們使用了一個$(this)對象,用于表示正在遍歷的<img>元素。通過這個對象,我們可以像使用常規的jQuery選擇器一樣,訪問并修改元素的屬性。在這個例子中,我們將邊框顏色設置為“1px solid red”。
現在,我們已經成功地遍歷了所有的<img>元素,并對它們應用了我們想要的樣式!