欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jquery如何獲取圖片的src屬性

這篇文章主要介紹“jquery如何獲取圖片的src屬性”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“jquery如何獲取圖片的src屬性”文章能幫助大家解決問題。

離石ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!

jquery獲取圖片的src屬性方法:1、使用attr(),可獲取img圖片元素的src屬性,語法“$(img).attr("src")”;2、使用prop(),可獲取第一個匹配img圖片元素的src屬性,語法“$(img).prop("src")”。

在jquery中,可以利用兩種方法來獲取元素的屬性:

  • attr()

  • prop()

方法1、使用attr()獲取圖片的src屬性

attr()方法可以返回被選元素的屬性值

語法:

元素對象.attr("屬性名")

  • 只需要獲取指定img元素對象,并使用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>

jquery如何獲取圖片的src屬性

2、使用prop()獲取圖片的src屬性

prop() 方法可返回被選元素的屬性值,會返回第一個匹配元素的屬性值。

語法:

元素對象.prop("屬性名")

  • 只需要獲取指定img元素對象,并使用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>

jquery如何獲取圖片的src屬性

關(guān)于“jquery如何獲取圖片的src屬性”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。

網(wǎng)站名稱:jquery如何獲取圖片的src屬性
網(wǎng)站網(wǎng)址:http://chinadenli.net/article14/ppicde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航營銷型網(wǎng)站建設(shè)網(wǎng)站排名網(wǎng)頁設(shè)計公司標(biāo)簽優(yōu)化電子商務(wù)

廣告

聲明:本網(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)

成都app開發(fā)公司