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>