jQuery .html() 设置/获取元素的HTML内容
.html() 根据是否使用参数决定是设置/获取元素的HTML内容。
.text() 适用于XML或者HTML文档,.html() 则不能应用于XML.。.text()获取集合中所有元素的文本但是.html() 只获取集合中首个元素的HTML内容。
以下代码展示如何获取并设置DIV的HTML内容:html>
$(function(){
var content = $("div").html();
document.writeln(content);
$("div").html("
RED
");});
.text() 和 .html() 都支持通过函数的方式设置内容。
这样我们就能动态的设置HTML内容,而不仅仅是静态的文本。html>
$(function(){
$("div#testHTML").html(function(){
var content = "";
for(i = 1; i <=3; i++){
content += "testing " + i + "...
";
}
return content;
});
});
以下代码设置段落的内容并设置其颜色。
$(document).ready(function(){
$("p").html("bold");
$("p b").append(document.createTextNode("added")).css("color", "red");
});
findsrc.com