jQuery中的DOM操作(2)

一.容易混淆的html(),text(),value()

1、html()方法：可以用来读取或者获取某个元素的html内容；

<div><strong>文本内容</strong></div>

var div_html = $("div").html();
alert(div_html);

获取的结果是：<strong>文本内容</strong>

如果选择器同时选中多于一个元素的时候，那么只能读取第一个元素的内容。

<div>
<strong>文本内容1</strong>
<strong>文本内容2</strong>
</div>

var div_html = $("div").html();
alert(div_html);

获取的结果是：<strong>文本内容1</strong>

  html()不仅可以读取内容还可设置内容，但是和上面不同的事，如果选择器同时选中多于一个元素的时候，那么被选中的的所有元素里面的html结构都将被改变。 

<div>
<strong>文本内容1</strong>
<strong>文本内容2</strong>
</div>

var div_html = $("div").html(<h1>a</h1>);
alert(div_html);

获取的结果是：<strong><h1>a</h1></strong>
            <strong><h1>a</h1></strong>