说明
获取捕获到的第一个对象内容,或者设置内容到捕获到的对象当中。
可以获取任何元素的内容。
1.获取内容
网页内容
$( "div.demo-container" ).html();
<div class="demo-container">
<div class="demo-box">Demonstration Box</div>
</div>
获取到的内容:
<div class="demo-box">Demonstration Box</div>
2.改变网页结构
改变结构,实际也是基于获取内容
原结构
div#demo-container
div#demo-box
1.插入
html()
函数增加结构(利用函数实现append()
)
$("div.demo-container").html(function(index, oldhtml){
return oldhtml + "<p>test</p>";
});
//新增加的<p>标签不能赋予类、id等:<p class=“a”>test</p>(不执行)
//Uncaught SyntaxError: Unexpected identifier
新结构
div#demo-container
div#demo-box
p
2.插入以改变结构
$("div.demo-container").html("<p>test</p>");
新结构
div#demo-container
p
总结
- .html()
获取捕获的第一个对象的内容 - .html(htmlString)
设置捕获到的元素 - .html( function(index, oldhtml) )
同2,不过就是把函数的返回值当作htmlString
function(index, oldhtml)中的index是