jquery取元素html内容,jQuery - 使用.html()方法设置/获取元素的HTML内容

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