JQuery擴展和事件

1、jQuery事件

經常使用事件
   blur([[data],fn])   失去焦點
   focus([[data],fn])  獲取焦點（ 搜索框例子）
   change([[data],fn]) 當select下拉框中的元素髮生改變的時候觸發change事件(select例子)
   click([[data],fn])  點擊
   dblclick([[data],fn]) 雙擊
   scroll([[data],fn])   滾動
   submit([[data],fn])   提交

不經常使用事件
   error([[data],fn])
   focusin([data],fn)
   focusout([data],fn)
   keydown([[data],fn])   按下
   keypress([[data],fn])  按鍵
   keyup([[data],fn])     鍵鬆開
   mousedown([[data],fn]) 鼠標按下
   mouseenter([[data],fn])  鼠標移進去
   mouseleave([[data],fn])  鼠標離開：只有鼠標離開被選元素的時候，纔會觸發mouseleave事件
   mousemove([[data],fn])   鼠標移動
   mouseout([[data],fn])    鼠標離開：不管鼠標離開被選元素仍是任何子元素，都會觸發mouseout事件
   mouseover([[data],fn]    鼠標懸停
   mouseup([[data],fn])     鼠標彈起
   resize([[data],fn])  元素窗口發生變化
   select([[data],fn])
   unload([[data],fn])
   補充：
      文檔樹加載完以後綁定事件（絕大多數狀況下）
      第一種：吧script放在後面。
      第二種：
      $(document).ready(function(){
         // 綁定事件的代碼
         ....
      })

      簡寫：
      $(function($){
         // 綁定事件的代碼
         ....
      });


2、jQuery擴展（很重要！！）

1、jQuery擴展語法

把擴展的內容就能夠寫到xxxx.js文件了，在主文件中直接導入就好了。

用法一、$.xxx()
   $.extend({
      "GDP": function () {
         console.log("戴小紅花");
      }
   });
   - 給jQuery添加擴展
   - $.GDP()

用法二、$("").xxx()
   $.fn.extend({
      "BJG": function () {
         console.log("英語八級就是好！");
      }
   })
   - 給jQuery對象添加擴展
   - $(":input").BJG()


3、表格的添加 | 刪除 | 編輯示例

第一種：點擊編輯沒有模態框，是input框編輯修改
第二種：點擊編輯有模態框

補充：

- .data()
- .data("key", value) 保存值，value能夠是字符串，也能夠是數組，也能夠是jquery對象
- .data("key") 獲取值（沒有值就返回undefined）
- .removeData() 刪除全部

- .removeData("key") 刪除key對應的value