.html()

说明

获取捕获到的第一个对象内容，或者设置内容到捕获到的对象当中。

可以获取任何元素的内容。

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

总结

1. .html()
   获取捕获的第一个对象的内容
2. .html（htmlString）
   设置捕获到的元素
3. .html( function(index, oldhtml) )
   同2，不过就是把函数的返回值当作htmlString

---

function(index, oldhtml)中的index是