首頁 > 文章 > web前端 > jquery怎麼改變h3內容

jquery怎麼改變h3內容

WBOY原創: 2022-06-02 10:56:332263瀏覽

方法：1、用text方法改變h3的內容，此方法可設定或傳回h3元素內容，語法「h3元素物件.text(改變後的內容)」；2、用html方法改變h3的內容，該方法也可以設定或傳回h3元素內容，語法「h3元素物件.html(改變後的內容)」。

jquery怎麼改變h3內容

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery改變h3內容

1、html() 方法設定或傳回被選取元素的內容（innerHTML）。

當方法用於傳回內容時，則傳回第一個符合元素的內容。

當此方法用於設定內容時，則重寫所有符合元素的內容。

提示：如只需設定或傳回被選元素的文字內容，使用 text() 方法。

語法

返回內容：

$(selector).html()

設定內容：

$(selector).html(content)

使用函數設定內容：

$(selector).html(function(index,currentcontent))

2、設定或傳回被選元素的文字內容，使用text() 方法

text() 方法設定或傳回被選元素的文字內容。

當方法用於傳回內容時，則傳回所有符合元素的文字內容（會刪除 HTML 標記）。

當此方法用於設定內容時，則重寫所有符合元素的內容。

提示：如需設定或傳回被選取元素的 innerHTML（文字 HTML 標籤），使用 html() 方法。

語法

返回文字內容

$(selector).text()

設定文字內容：

$(selector).text(content)

使用函數設定文字內容：

$(selector).text(function(index,currentcontent))

#範例如下：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text("这是h3的新内容");
  });
  $("#btn2").click(function(){
    $("#test2").html("<b>这也是h3的新内容</b>");
  });
});
</script>
</head>
<body>
<h3 id="test1">这是段落。</h3>
<h3 id="test2">这是另一个段落。</h3>
<button id="btn1">text方法设置</button>
<button id="btn2">HTML方法设置</button>
</body>
</html>

輸出結果：

jquery怎麼改變h3內容

#影片教學推薦：jQuery影片教學

以上是jquery怎麼改變h3內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：ie6支持jquery幾下一篇：ie6支持jquery幾

看更多