站長(zhǎng)資訊網(wǎng)
jquery可以獲取圖片的src屬性。獲取方法：1、使用attr()，可獲取img圖片元素的src屬性，語(yǔ)法“$(img).attr("src")”；2、使用prop()，可獲取第一個(gè)匹配img圖片元素的src屬性，語(yǔ)法“$(img).prop("src")”。
前端（vue）入門到精通課程，老師在線輔導(dǎo)：聯(lián)系老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點(diǎn)擊使用
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。
在jquery中，可以利用兩種方法來(lái)獲取元素的屬性：
-
attr()
-
prop()
方法1、使用attr()獲取圖片的src屬性
attr()方法可以返回被選元素的屬性值
語(yǔ)法：
元素對(duì)象.attr("屬性名")
登錄后復(fù)制
-
只需要獲取指定img元素對(duì)象，并使用
attr("src")方法即可獲取該圖片的src屬性
示例：獲取img src屬性值，即圖片地址
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { var img=$("img").attr("src"); console.log("src屬性值為： "+img) }); }); </script> </head> <body> <img id="img" src="img/2.jpg" width="400"/><br><br> <button>獲取img src屬性值（圖片地址）</button> </body> </html>
登錄后復(fù)制
2、使用prop()獲取圖片的src屬性
prop() 方法可返回被選元素的屬性值，會(huì)返回第一個(gè)匹配元素的屬性值。
語(yǔ)法：
元素對(duì)象.prop("屬性名")
登錄后復(fù)制
-
只需要獲取指定img元素對(duì)象，并使用
prop("src")方法即可獲取該圖片的src屬性
示例：獲取img src屬性值，即圖片地址
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { var img=$("img").prop("src");; console.log("src屬性值為： "+img) }); }); </script> </head> <body> <img id="img" src="img/2.jpg" width="400"/><br><br> <button>獲取img src屬性值（圖片地址）</button> </body> </html>
登錄后復(fù)制
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
