jQuery html() 方法
html()方法获取或设置所选元素的内容(innerHTML)。
使用html()方法获取内容时,它将返回第一个选定元素的内容。
使用html()方法设置内容时,它将覆盖所有选定元素的内容。
注意:使用html()设置元素的内容时,该元素中的所有内容都将被新内容完全替换。此外,在用新内容替换子元素之前,jQuery从子元素中删除了其他构造,例如数据和事件处理程序。
使用text()方法仅获取或设置所选元素的文本内容。
语法:
获取内容:$(selector).html()
设定内容:$(selector).html(content)
使用函数设置内容:$(selector).html(function(index, currentContent))
示例
单击按钮,获取第一段的内容:
示例$("button").click(function(){
alert($("p").html());
});测试看看‹/›
单击每个段落将返回HTML内容:
示例$("p").click(function(){
alert($(this).html());
});测试看看‹/›
更改所有段落的内容:
示例$("button").click(function(){
$("p").html("我想说: Hello world");
});测试看看‹/›
使用函数更改元素内容:
示例$("button").click(function(){
$("p").html(function(i){
return "这个p元素的索引: " + i;
});
});测试看看‹/›
html()方法和text()方法之间的区别:
示例$("#btn1").click(function(){
$("p").html("我想说: Hello world");
});
$("#btn2").click(function(){
$("p").text("我想说: Hello world");
});测试看看‹/›
参数值参数描述content设置为所有选定元素内容的HTML字符串
注意:如果省略此参数,则html()将返回第一个选定元素的内容
function(index, currentContent)指定一个返回要设置的HTML内容的函数
index-返回元素在集合中的索引位置
currentContent-返回所选元素的当前HTML内容