jQuery選擇器是一種非常強大的工具,能夠幫助我們找到HTML文檔中特定的元素。 jQuery選擇器根據元素的標簽名稱、類名、ID、屬性值等來匹配元素。這些選擇器使用起來非常簡單!
$( "p" ).text( "找到所有的段落標記并修改它們的文本。" ); $( ".my-class" ).css( "color", "blue" ); $( "#my-id" ).addClass( "highlight" );
迭代是一種重要的概念,在計算機編程中經常使用。在JavaScript中,我們使用循環來迭代數組或對象,而在jQuery中,我們可以使用迭代來遍歷匹配的元素。
$( "ul li" ).each(function() { console.log( $( this ).text() ); });
在上面的示例中,我們選擇了所有的列表項,并使用each()方法來迭代它們。對于每個列表項,我們使用jQuery的text()方法來獲取其文本內容,并將其打印到控制臺中。
另一個示例是遍歷所有被選擇的元素,并使用CSS()方法將它們的顏色更改為紅色。
$( "p" ).css( "color", "red" ).each(function() { console.log( $( this ).text() ); });
在上面的示例中,我們選擇了所有的段落,并使用CSS()方法將它們的文字顏色更改為紅色。然后,我們使用each()方法遍歷所有選擇的段落,并將其文本內容打印到控制臺中。
總之,jQuery選擇器迭代是一個非常有用的技術,可以幫助我們更好地遍歷匹配的元素,并對它們進行相應的操作。