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”樣式只會在原本的類上繼續增加，通過空格分隔