在網(wǎng)頁開發(fā)中,圖片展示是很常見的需求。使用jQuery操作圖片時(shí),我們難免需要修改圖片的src屬性。
// 獲取img標(biāo)簽中的src屬性 var src = $('img').attr('src'); // 修改img標(biāo)簽中的src屬性 $('img').attr('src', 'new.jpg'); // 替換img標(biāo)簽中的src屬性 $('img').attr('src', function(i, val) { return val.replace('old.jpg', 'new.jpg'); });
首先,我們可以通過attr()方法獲取圖片的src屬性,方法參數(shù)為'src'。
然后,我們可以通過 attr() 方法修改圖片的src屬性,第一個(gè)參數(shù)為'src',第二個(gè)參數(shù)為新的圖片路徑。
最后,我們也可以使用一個(gè)函數(shù)來處理src屬性的值。在這個(gè)函數(shù)中,我們可以使用replace()方法替換掉路徑中的部分字符串,從而實(shí)現(xiàn)圖片路徑的替換。
總之,通過attr()方法我們能輕松地獲取和修改圖片的src屬性,方便圖片的動(dòng)態(tài)展示。