jQuery html() 方法

返回上一级

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

当该方法用于 返回 内容时,则返回第一个匹配元素的内容

当该方法用于 设置 内容时,则重写所有匹配元素的内容

如果只想要设置或返回被选元素的文本内容,可以使用 text() 方法

语法

返回内容

$( selector ).html()

设置内容:

$( selector ).html( content )

使用函数设置内容

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

参数

参数 描述
content 必需。规定被选元素的新内容 ( 可包含 HTML 标签 )
function(index,currentcontent) 可选。规定返回被选元素的新内容的函数
index - 返回集合中元素的 index 位置
currentcontent - 返回被选元素的当前 HTML 内容

范例

下面的范例改变所有 <p> 元素的内容

$("button").click(function(){
    $("p").html("Hello <b>world</b>!");
});

运行范例 »

更多范例

  1. 返回元素内容

    如何返回元素的内容

  2. 使用函数设置元素内容

    使用函数来设置所有被选元素的内容

返回上一级

jQuery 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.