jQuery中取得dom的值的三种方法之区别

jQuery中取得dom的值的三种方法之区别

在网页中经常要去取得dom的值，常用的有val(),text(),html(),但他们之间是有区别的。

1.val() 是用于取input标签的值
  example:
<input type="text" id="name" />
  $("#name").val()就能取得input中id为name的值了。

2.text() 既能用在xml中也能用在html中，text是取得dom之间所有的文本连在一起的值
  example:
<div id="two">
<h1>hhh</h1>
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
</div>
        $("two").text()就能取得hhh  aaa bbb ccc

3.html()
 example:
<div id="two">
<h1>hhh</h1>
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
</div>
        $("two").html()就能取得
<h1>hhh</h1>
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>