Jquery使用思路

一基本語法

 1代碼基本結構      

$(document).ready(function(){
    //1jQuery讀取和處理文檔的DOM。
    //2 調用ready事件作為處理HTML文檔的開始。
    }
)

 注：如果沒有文檔就緒函數，有些操作可能會失敗。

 eg：1)試圖隱藏一個不存在的元素

     2)獲得未完全加載的圖像的大小

 2基本語法  

$(selector).action()

• 美元符號定義 jQuery

• 選擇符（selector）“查詢”和“查找” HTML 元素

• jQuery 的 action() 執(zhí)行對元素的操作

  獲取HTML元素的實例

      $(this)---------獲取當前的HTML元素。

      $("#test")------獲取“id=test”的元素

      $("p")----------獲取<p>元素

      $(".test")------獲取class="test"的元素

二選擇器

  1 選擇器：通過標簽名、屬性名或內容對HTML元素進行選擇，然后進行相應的操作。一般包括元素選擇器和屬性選擇器。

 2 常見選擇器實例

3 選擇器的思路：先選擇合理的選擇器，然后對其進行操作(即調用相應的事件)。

三事件

1事件：當HTML中發(fā)生某些事件時所調用的方法。

2常見的事件

四jquery操作html

   1 獲取內容和屬性

    (1)獲得內容：text()、html()、val()

• text() - 設置或返回所選元素的文本內容

• html() - 設置或返回所選元素的內容（包括 HTML 標記）

• val() - 設置或返回表單字段的值

  (2)獲取屬性：

jQuery  attr()方法用于獲取屬性值。

 2 設置內容和屬性

  （1）設置內容：text()、html()、val()。

  （2）設置屬性：attr（）

 3 添加元素

• append() - 在被選元素的結尾插入內容

• prepend() - 在被選元素的開頭插入內容

• after() - 在被選元素之后插入內容

• before() - 在被選元素之前插入內容

 4 刪除元素或內容

• remove() - 刪除被選元素（及其子元素）

• empty() - 從被選元素中刪除子元素

 5 操作CSS

• addClass() - 向被選元素添加一個或多個類

• removeClass() - 從被選元素刪除一個或多個類

• toggleClass() - 對被選元素進行添加/刪除類的切換操作

• css() - 設置或返回樣式屬性