jquery如何替換圖片路徑

本文小編為大家詳細介紹“jquery如何替換圖片路徑”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當(dāng)，希望這篇“jquery如何替換圖片路徑”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

在日土等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、網(wǎng)站設(shè)計網(wǎng)站設(shè)計制作按需網(wǎng)站設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營銷型網(wǎng)站,外貿(mào)網(wǎng)站建設(shè),日土網(wǎng)站建設(shè)費用合理。

在jquery中，可以利用attr()方法替換圖片路徑，該方法可以設(shè)置或者返回被選元素的屬性和值，只需將括號內(nèi)的死一個參數(shù)設(shè)置為“src”屬性，第二個參數(shù)設(shè)置為新的圖片路徑即可，語法為“圖片元素對象.attr("src", "替換后的圖片路徑");”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.4.1版本、Dell G3電腦。

jquery替換圖片路徑

attr() 方法設(shè)置或返回被選元素的屬性和值。

當(dāng)該方法用于返回屬性值，則返回第一個匹配元素的值。

當(dāng)該方法用于設(shè)置屬性值，則為匹配元素設(shè)置一個或多個屬性/值對。

語法

返回屬性的值：

$(selector).attr(attribute)

設(shè)置屬性和值：

$(selector).attr(attribute,value)

使用函數(shù)設(shè)置屬性和值：

$(selector).attr(attribute,function(index,currentvalue))

設(shè)置多個屬性和值：

$(selector).attr({attribute:value, attribute:value,...})

attribute 規(guī)定屬性的名稱。

value 規(guī)定屬性的值。

function(index,currentvalue) 規(guī)定要返回屬性值到集合的函數(shù)
index - 接受集合中元素的 index 位置。
currentvalue - 接受被選元素的當(dāng)前屬性值。

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("img").attr("src","1118.02.png");
    });
});
</script>
</head>
<body>
<img src="1118.01.png" alt="Pulpit Rock">
<br>
<button>為圖片替換路徑</button>
</body>
</html>

輸出結(jié)果：

jquery如何替換圖片路徑

讀到這里，這篇“jquery如何替換圖片路徑”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享文章：jquery如何替換圖片路徑
分享URL：http://aaarwkj.com/article16/jpojdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、微信小程序、企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、網(wǎng)站收錄、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jquery如何替換圖片路徑

jquery替換圖片路徑