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>
 

相关推荐