购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 教程手册(新) >> jQuery手册
其他教程参考

jQuery html() 方法

jQuery html() 方法
html() 方法设置或返回被选元素的内容(innerHTML)
蹊下 蹊下 更新时间:2019-02-25 17:01:02

jQuery html() 方法

定义和用法

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

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

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

提示:如只需设置或返回被选元素的文本内容,请使用 text() 方法。

语法

返回内容:

$(selector).html()

设置内容:

$(selector).html(content)

使用函数设置内容:

$(selector).html(function(index,currentcontent))
参数描述
content必需。规定被选元素的新内容(可包含 HTML 标签)。    
function(index,currentcontent)

可选。规定返回被选元素的新内容的函数

index : 返回集合中元素的 index 位置

currentcontent : 返回被选元素的当前 HTML 内容。    

实例

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").html("Hello <b>world!</b>");
	});
});
</script>
</head>
<body>
<button>修改所有P元素的内容</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号