jQuery是一個(gè)流行的JavaScript庫(kù)，它使得DOM操作變得非常容易。.html()是jQuery的一個(gè)方法，可以用來(lái)獲得或設(shè)置元素的HTML內(nèi)容。在這篇文章中，我將會(huì)介紹如何使用jquery .html()方法來(lái)操作HTML元素。
首先，讓我們看一個(gè)簡(jiǎn)單的例子：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myDiv">這是一個(gè)測(cè)試</div>
<script>
var htmlContent = $('#myDiv').html();
console.log(htmlContent);
</script>
</body>
</html>在這個(gè)例子中，我們使用了jQuery基礎(chǔ)語(yǔ)法“$()”來(lái)選取ID為“myDiv”的元素。我們?nèi)缓笫褂胘Query的.html()方法獲取“myDiv”元素的HTML內(nèi)容，并將結(jié)果存儲(chǔ)在一個(gè)變量“htmlContent”中。我們最后使用console.log()方法把結(jié)果打印在控制臺(tái)中。如果你打開控制臺(tái)，你將會(huì)看到“這是一個(gè)測(cè)試”被打印了出來(lái)。
接下來(lái)，我們將會(huì)展示如何使用.html()方法來(lái)設(shè)置元素的HTML內(nèi)容：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myDiv">這是一個(gè)測(cè)試</div>
<button id="changeContent">改變內(nèi)容</button>
<script>
$('#changeContent').click(function() {
$('#myDiv').html('新的測(cè)試內(nèi)容');
});
</script>
</body>
</html>在這個(gè)例子中，我們創(chuàng)建了一個(gè)按鈕并給它賦予了一個(gè)ID“changeContent”。我們還綁定了一個(gè)點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，我們調(diào)用了.html()方法并傳遞了一個(gè)新的文本值“新的測(cè)試內(nèi)容”作為參數(shù)。這將會(huì)更新我們?cè)瓉?lái)的“myDiv”元素的HTML內(nèi)容。
.html()方法可以極大地簡(jiǎn)化DOM操作。以上是一個(gè)基礎(chǔ)教程。祝大家使用愉快！