首頁 > web前端 > js教程 > jQuery html()方法有什麼用

jQuery html()方法有什麼用

青灯夜游
發布: 2021-05-06 16:49:39
原創
4839 人瀏覽過

html()方法用於傳回或設定被選元素的內容:1、如果未設定參數,則傳回被選元素的目前內容,語法「$(selector).html()」;2 、如果設定參數,則會覆寫所有符合元素的內容,語法「$(selector).html(內容值)」。

jQuery html()方法有什麼用

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

jQuery html()方法

html() 方法傳回或設定被選元素的內容 (inner HTML)。

  • 傳回元素內容

#當使用該方法傳回一個值時,它會傳回第一個符合元素的內容。

語法

$(selector).html()
登入後複製

範例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert($("p").html());
				});
			});
		</script>
	</head>

	<body>
		<p>这是一个 <b>段落</b>。</p>
		<button>返回P标签的内容</button>

	</body>

</html>
登入後複製

jQuery html()方法有什麼用

  • 設定元素內容

當使用該方法設定一個值時,它會覆寫所有符合元素的內容。

語法

$(selector).html(content)
登入後複製

content:規定被選元素的新內容,可省略。此參數可包含 HTML 標籤。   

範例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
		</script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>

	<body>

		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>修改所有P元素的内容</button>
	</body>

</html>
登入後複製

jQuery html()方法有什麼用

#相關影片教學推薦:jQuery教學(影片)

以上是jQuery html()方法有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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