jQuery是一種廣泛使用的JavaScript庫,它讓JavaScript編程更加容易。在網頁中,圖片是常見的元素,然而有些情況下我們想要通過jQuery來修改圖片的src屬性。下面是通過jQuery修改圖片src屬性的方法:
$(document).ready(function(){ $("img").attr("src","new_image.jpg"); });
以上代碼含義是在文檔完全加載后執行函數。它選擇文檔中的所有標簽,并將其src屬性的值設置為new_image.jpg。
如果我們只想修改特定的圖片,可以使用類或id選擇器。下面是一個使用類選擇器的示例:
$(document).ready(function(){ $(".my-image").attr("src","new_image.jpg"); });
以上代碼的含義是在文檔完全加載后執行函數。它選擇類為my-image的元素,并將其src屬性的值設置為new_image.jpg。
使用id選擇器的代碼則類似,只需要將類選擇器改成id選擇器即可:
$(document).ready(function(){ $("#my-image").attr("src","new_image.jpg"); });
以上代碼的含義是在文檔完全加載后執行函數。它選擇id為my-image的元素,并將其src屬性的值設置為new_image.jpg。
通過以上代碼示例,我們可以看出jQuery操作DOM非常簡單方便。只需選擇對應元素并調用相應方法即可完成我們想要的效果。
上一篇css 只顯示下邊框
下一篇css 只能一行