# jQuery 文档操作 - html() 方法 ## 实例 设置所有 p 元素的内容： ``` $(".btn1").click(function(){ $("p").html("Hello <b>world</b>!"); }); ``` ## 定义和用法 html() 方法返回或设置被选元素的内容 (inner HTML)。 如果该方法未设置参数，则返回被选元素的当前内容。 ## 返回元素内容 当使用该方法返回一个值时，它会返回第一个匹配元素的内容。 ### 语法 ``` $(selector).html() ``` ## 设置元素内容 当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。 ### 语法 ``` $(_selector_).html(_content_) ``` | 参数 | 描述 | | --- | --- | | _content_ | 可选。规定被选元素的新内容。该参数可包含 HTML 标签。 | ## 使用函数来设置元素内容 使用函数来设置所有匹配元素的内容。 ### 语法 ``` $(_selector_).html(_function(index,oldcontent)_) ``` | 参数 | 描述 | | --- | --- | | _function(index,oldcontent)_ | 规定一个返回被选元素的新内容的函数。 _index_ - 可选。接收选择器的 index 位置。 _oldcontent_ - 可选。接收选择器的当前内容。 |