總結

jQuery

• 使用jquery前注意先引入外部檔案：jquery-2.1.3.js

• dom和query兩個頁面載入事件區別：

  1. dom:只會載入一次，最後一次(οnlοad=function(){})
  2. ajax:可以載入多次，速度比dom載入快($(funciton(){}))

• 通過jquery獲取元素：id:$

  1. ("#id")
  2. class:$(".class")
  3. 標籤：$(“標籤名”)
  4. 全部：$("*")

• jquery和dom之間的轉換：

  1. dom->jquery
     $(dom物件)
  2. jquery->dom
     jquery物件.get(0)

• jquery中對事件操作的三種方式：

  1. jquery物件.事件（click）(function(){})

  2. jquery物件.on(“事件”,function(){})

  3. jquery物件.bind(“事件”,function(){})

     注意：事件後面還可以.事件

• jquery中對事件解綁的兩種方式：

  1. jquery物件.off(“指定的引數”)

  2. jquery物件.unbind(“指定的引數”)

     注意：off和unbind指定引數時，是解綁所有的事件

• 對文字操作：

  1. jquery物件.html()可以獲取或設定帶有標籤的元素
  2. jquery物件.text()可以獲取或設定純文字

• 獲取或設定標籤中的value值：
  jquery物件.val()

• 設定css樣式：
  jquery物件.css(“要設定的樣式”，“設定樣式”)

• 新增class屬性
  jquery物件.addClass(“類選擇器”)

• 在jquery裡面獲取自定義屬性有兩種：

  • attr()
    1. jquery物件.data(“data-person”)
    2. 獲取的都是字串
  • data()
    1. 屬性名必須是data-xxx
    2. jquery物件.data(“xxx”)
    3. 獲取的是相應的型別

• 設定或獲取核取方塊是否選中
  exp:jquery物件.prop(“checked”，true)

• 新增：
  jquery物件.append(“要新增的”)

• 刪除:
  jquery物件.remove();會連自己都刪除
  jquery物件.empty();清楚自己的子標籤