首頁 > web前端 > 前端問答 > jquery能判斷img是否為空嗎

jquery能判斷img是否為空嗎

青灯夜游
發布: 2022-03-24 19:35:13
原創
2439 人瀏覽過

jquery能判斷img是否為空。 img標籤的值是由src屬性控制的;只需使用「$("img").attr("src")== ''」語句判斷img src屬性的值是否等於空字串即可判斷img是否為空,若等於則為空,反之不為空。

jquery能判斷img是否為空嗎

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery能判斷img是否為空。

  • img標籤用於在網頁中嵌入一幅圖像,其值是由src屬性控制。 (src屬性規定顯示圖像的 URL)。

  • 只需要判斷src屬性是否有值即可。

判斷方法:

  • #使用attr()方法來取得圖片的src屬性值

  • 判斷屬性值是否為空字串即可

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					var img = $("img").attr("src");
					if ($("img").attr("src") == &#39;&#39;) {
						alert("img为空");
					} else {
						alert("img不为空");
					}
				})
			})
		</script>
		<style>
			img{
				width: 200px;
				border:1px solid #FF0000;
			}
		</style>
	</head>
	<body>
		<img  src="img/1.jpg"/ alt="jquery能判斷img是否為空嗎" ><br>
		<button>img是否为空</button>
	</body>
</html>
登入後複製

jquery能判斷img是否為空嗎

如果src屬性沒值:

jquery能判斷img是否為空嗎

【推薦學習:jQuery影片教學web前端開發

以上是jquery能判斷img是否為空嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板