JQuery屬性與樣式——.val()和增加樣式.addClass()

      .val()和.addClass()

1   .val()用于處理表單元素的值，如input、select和textarea

2   .val()的3種方法

   .val()無參數，擷取比對的元素集合中第一個元素的目前值

   .val(value)設定比對的元素集合中每個元素的值

   .val(function)傳回設定的函數

3   通過.val()處理select元素，當沒有選擇項被選中，他傳回null

4   .val()方法多用來設定表單的字段的值

5   如果select元素有multiple（多選）屬性，并且至少一個選項被選中，.val()方法傳回一個數組，這個數組包含每個選中選擇項的值

6   .html()、.text()和.val()的差異總結

   .html()、.text()和.val()三種方法都是用來讀取標明元素的内容，隻不過.html()是用來讀取元素的html内容（包括html标簽），.text()用來讀取元素的純文字内容，包括其後代元素，.val()是用來讀取表單元素的value值

   .htm()和.text()方法不能使用在表單元素上，而.val()隻能使用在表單元素上

   .html()方法使用在多個元素上時，隻讀取第一個元素，.val()方法和.html()相同

   如果其應用在多個元素上時，隻能讀取第一個表單元素的value值，但是.text()和他們不一樣，如果.text()應用在多個元素上時，将會讀取所有選中元素的文本内容

   .html(htmlString)、.text(textString)和val(value)三種方法都是用來替換選中元素的内容，如果三個方法同時運用在多個元素上時，将會替換所有選中元素的内容

   .html()、.text()和.val()都可以使用回調函數的傳回值來動态的改變多個元素的内容

7      在HTML結構中，多個class以空格分隔，當一個節點（或稱為一個标簽）含有多個class時，DOM元素響應的className屬性擷取的不是class名稱的數組，而是一個含有空格的字元串

8   .addClass()方法用于動态增加class類名

9   .addClass()的2種方法

   .addClass(className)為每個比對元素所要增加的一個或多樣式名

   .addClass(function（index，currentClass）)這個函數傳回一個或更多用空格隔開的要增加的樣式名

10   .addClass()方法不會替換一個樣式類名，隻是簡單的添加一個樣式類名到元素上

11   怎樣在p元素增加一個newClass的樣式

   如<p class="orgClass">

      $("p").assClass("newClass")

12   p元素的class實際上是class=“orgClass  newCLass”樣式隻會在原本的類上繼續增加，通過空格分隔

本文轉自 拉考的考拉 51CTO部落格，原文連結:http://blog.51cto.com/lakaodekaola/1982303