jQuery html() 方法

实例

改变所有 <p> 元素的内容:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $("p").html("Hello <b>world!</b>");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <button>改变所有 p 元素的内容</button>
  15. <p>这是一个段落</p>
  16. <p>这是另一个段落</p>
  17. </body>
  18. </html>

定义与用法

html() 方法设置或返回所选元素的内容(innerHTML)。

当使用此方法 返回 内容时,它将返回第一个匹配元素的内容。

使用此方法 设置 内容时,会覆盖 所有 匹配元素的内容。

提示:要仅设置或返回选定元素的文本内容,请使用 text() 方法。


语法

返回内容:

  1. $(selector).html()

设置内容:

  1. $(selector).html(content)

使用函数设置内容:

  1. $(selector).html(function(index,currentcontent))
参数描述
content必填。指定所选元素的新内容(可以包含 HTML 标记)
function(index,currentcontent)可选。指定一个函数,用于返回选定元素的新内容
  • index - 返回元素在集合中的索引位置
  • currentcontent - 返回所选元素的当前 HTML 内容

更多实例

演示返回元素的内容。

使用函数设置所有选定元素的内容。

分类导航