jquery如何改變img的src屬性

發(fā)布時(shí)間：2022-03-04 13:32:11 來(lái)源：億速云閱讀：1104 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“jquery如何改變img的src屬性”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“jquery如何改變img的src屬性”文章能幫助大家解決問題。

jquery改變img src屬性的方法：1、使用attr()屬性，語(yǔ)法“$("img").attr("src","圖片文件的地址")”；2、使用prop()方法，語(yǔ)法“$("img").prop("src","圖片文件的地址")”。

jquery如何改變img的src屬性

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

jquery改變img的src屬性

方法1：使用attr()屬性

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

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr("src","img/2.jpg");
				});
			});
		</script>
	</head>

	<body>
		<img id="img" src="img/1.jpg" width="300"/><br><br><br>
		<button>更改img src屬性值（換圖）</button>
	</body>

</html>

jquery如何改變img的src屬性

方法2：使用prop()方法

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

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("img").prop("src","img/3.jpg");
				});
			});
		</script>
	</head>

	<body>
		<img id="img" src="img/1.jpg" width="300"/><br><br><br>
		<button>更改img src屬性值（換圖）</button>
	</body>

</html>

jquery如何改變img的src屬性

關(guān)于“jquery如何改變img的src屬性”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問一下細(xì)節(jié)

jquery如何改變img的src屬性

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽