jQuery是一個廣泛使用的JavaScript庫,它可以輕松地操作HTML文檔,使其更具交互性和動態效果。其中,$()
函數是jQuery的核心方法,也是使用jQuery所必須掌握的基本語法。
在網頁開發中,經常需要對圖片進行操作,而jQuery提供了便捷的標簽路徑獲取方法。
$("img").attr('src'); //獲取單個標簽的路徑
$("img").each(function() {
console.log($(this).attr('src')); //循環獲取所有標簽的路徑
});
上面的代碼演示了如何獲取單個和多個圖片的路徑。其中,$("img").attr('src');
可以獲取到HTML文檔中的第一個標簽的路徑。如果需要獲取頁面中所有的圖片路徑,則可以使用.each()
方法。
除了獲取圖片路徑外,有時候也需要修改圖片的路徑。比如,將所有圖片的路徑從相對路徑更換為絕對路徑。
:$("img").attr("src", function(i, val) {
return 'http://www.example.com/' + val;
});
上面的代碼將所有標簽的路徑都修改為"http://www.example.com/"加上原路徑。
總的來說,使用jQuery獲取和修改標簽的路徑非常簡單,可以輕松地實現圖片的動態效果和交互操作。