您现在的位置: 365建站网 > 建站教程 > jQuery 教程 > jQuery 文档操作 - html() 方法

jQuery 文档操作 - html() 方法

文章来源:365jz.com 本节有 325 人学习过 更新时间:2017-08-05 20:32
一句话理解:jQuery 文档操作 - html() 方法:设置所有 p 元素的内容:。

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 - 可选。接收选择器的当前内容。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛 »

您可能感兴趣的文章

jQuery 教程·本教程目录