在網頁開發中,圖片是不可或缺的元素。通過使用 jQuery,可以很方便地操作圖片元素。
在 jQuery 中,使用 attr() 函數來設置或獲取屬性值。對于 img 元素,常見的屬性包括 src、alt、height 和 width 等。
// 獲取圖片的 src 屬性值 var imgSrc = $('img').attr('src'); // 設置圖片的 alt 屬性值 $('img').attr('alt', 'This is an image.'); // 動態修改圖片的 src 屬性值 $('img').attr('src', 'new_image.jpg');
需要注意的是,如果有多個圖片元素,上述代碼會將所有圖片的屬性值都進行修改。若要單獨修改某個圖片,需要使用選擇器指明具體的圖片元素。
除了使用 attr() 函數,還可以使用 prop() 函數來獲取或設置圖片的屬性值。但在修改圖片 src 屬性值時,應該使用 attr() 函數,因為 prop() 函數僅適用于一些布爾型屬性,比如 checked、disabled 和 selected 等。