jQuery 選擇器是一種非常重要的工具,在使用 jQuery 時必不可少。它能夠幫助我們更快速、更準確地選擇并處理文檔中的元素。本文將介紹兩個常用的選擇器。
$(document).ready(function(){ // 使用 .attr() 獲取元素屬性 $("button").click(function(){ alert($("img").attr("src")); }); });
首先,我們來看看.attr()
選擇器。這個選擇器可以幫助我們獲取元素的屬性。在上面的代碼中,我們通過點擊按鈕來獲取網頁中第一個圖片元素的src
屬性,并彈出一個提示框。在實際應用中,我們可以用這個選擇器來獲取各種屬性,如class
、id
、或自定義屬性。
$(document).ready(function(){ // 使用 :first-child 選擇第一個元素 $("ul li:first-child").css("color", "red"); });
接下來,讓我們看一下:first-child
選擇器。這個選擇器可以幫助我們選取某個元素下面的第一個子元素。在上方的代碼中,我們選取了一個列表里的第一個子元素,并將它的字體顏色設置成了紅色。實際應用過程中,我們可以使用 :last-child 來選擇最后一個元素,或其他類似的選擇器來指定不同的子元素。