在專案開發中，寫jquery**有時候會搞混淆一下東西，現在寫一下demo來列出jquery的.html(),.text(),.val()的區別。
1. html()取得第乙個匹配元素的內容，簡單來說就是所取得的標籤所包含的所有東西。
假如括號中有帶val的話，最簡單的理解就是將上一步取得的內容全部替換成括號中val，下面看demo
1<
div
id="divtest" value='2'
>
2這是div的內容！
3<
label
id="lbltext"
>
4這是label的內容！
5label
>
6<
div
id="divtest2"
>
7第二個div內容！
8div
>
9div
>
這是html文件結構，現在我們執行下面js**看看所取得的是什麼的東西
1 $("#divtest").html() //
所取得內容：這是div的內容！這是label的內容！
第二個div內容！
1 $("#divtest").html("我要修改了！") //
執行修改
上面修改之後，我們接著獲取一下
1 $("#divtest").html() //
所取得內容：我要修改了！
注：html()方法可以用於xhtml文件，但不能用於xml文件！
2.text():取得所有匹配元素的內容，結果是由所有匹配元素包含的文字內容組合起來的文字，同理，text(val)是設定所有匹配元素的文字內容
1 $("#divtest").text() //
所取得內容：這是div的內容！這是label的內容！第二個div內容！2//
可見所取得是標籤內的東西，但不會取標籤
注：這個方法對html和xml文件都有效
3.val()常用來操作標準的表單元件物件，如button,text,hidden
例如新增了乙個select元素以及乙個hidden的元素
1<
select
id="selectval"
>
2<
option
value
="1"
selected
="selected"
>1
option
>
3<
option
value
="2"
>2
option
>
4select
>
5<
input
type
="hidden"
id="hidval"
value
="1"
/>
現在我們來取一下他們的值
1 $("#selectval").val() //取得值為：1 同理這個也是 $("#hidval").val()
有時候開發的時候會在乙個div內設定乙個value的屬性，那麼我們在取值的時候可以用這樣
1 $("#divtest").attr('value')
如有不妥，還請斧正！
jQuery中的動畫 《鋒利的JQuery》
自css3以來，主流 開始偏向於扁平風格和動畫效果，這時就可以jquery的動畫就可以發揮其長處了，靈活的應用其動畫api，讓我們可以設計出很多絢麗的效果。下面，讓我們來列舉一些jquery常用的動畫api。1 show 和hide 方法 1 從display none還原元素預設或已設定的disp...
jquery學習（六） jquery中的動畫
參考鋒利的jquery第二版 1.show和hide方法 呼叫方法 element.hide 隱藏元素，element.show 顯示元素。其實說白了，其原理就是將元素的樣式display值設定為none或block。若想讓元素慢慢隱藏或顯示，可以為其新增乙個速度的引數，如element.show ...
jQuery 中的動畫
用jquery 做動畫效果要求在標準模式下，否則可能會引起動畫抖動。標準模式即要求檔案頭部包含如下的dtd定義 jquery 中的任何動畫效果，都可以指定3種速度引數，即 slow normal fast 時間長度分別為0.6s,0.4s,0.2s 1.fadein 與fadeout 方法 只改變元...