jQuery隨筆記錄

        DOM遍歷

• parent()方法返回所選元素的直接父元素。(parent() 只能遍歷單個級別的 DOM樹)
• parents()方法獲取所選元素的全部祖先
• children()所選元素的全部直接子元素
• siblings()全部兄弟元素
• next()/nextAll()下一個兄弟元素/下面全部兄弟元素
• prev()/prevAll()上一個兄弟元素/上面全部的兄弟元素1
• eq()具備特定索引號的元素
  (例如，若是頁面包含多個div元素，而且咱們要選擇第三個元素：)
  $("div").eq(2);

  刪除元素

• remove刪除選中元素
• empty()方法用於刪除所選元素的子元素。

  事件處理

  當觸發事件時執行的函數稱爲事件處理程序。

  鼠標事件：

• click:單擊時發生。
• dblclick:雙擊元素時觸發。
• mouseenter:當鼠標指針進入所選元素時觸發。
• mouseleave:鼠標指針離開所選元素時觸發。
• mouseover:當鼠標指針在所選元素上方懸停時觸發。

  鍵盤事件：

• keydown:當按下鍵盤按鍵時會觸發。
• keyup:當鍵盤按鍵被釋放時會觸發。

  表單事件：

• submit:提交表單時觸發。
• change:當表單元素的值發生改變時觸發。
• focus:當表單元素得到焦點時觸發。
• blur:當表單元素失去焦點時觸發。

  文件事件：

• ready:當DOM加載完成之後觸發。
• resize:當瀏覽器窗口大小改變時觸發。
• scroll:當用戶在指定的元素中滾動滾動條時觸發。

  on()方法綁定事件

  on()方法用於將相同的處理函數綁定到多個事件中的時候。可使用空格分隔多個事件名稱, 例如 能夠爲點擊和雙擊事件使用相同的事件處理程序。
  

  $("p").on( "click dblclick", function() {
  alert("clicked");
  });

  (on() 方法在被選元素及子元素上添加一個或多個事件處理程序。)

  off()解除事件綁定

  使用off()方法來刪除事件處理程序。
  

  $(「div」).on(「click」, function() {
  alert(‘Hi there!’);
  });
  $(「div」).off(「click」);

  off()方法的參數是要刪除的事件名稱。

  JQuery的事件對象

  每一個事件處理函數均可以接收一個事件對象，其中包含與該事件相關的屬性和方法：
• pageX，pageY 事件發生時相對於頁面左上角的鼠標位置（X和Y座標）。
• type 鍵入事件的類型（例如「點擊」）。
• which 哪一個按鈕或鍵被按下。
• data 數據綁定事件時傳入的任何數據。
• target 定位發起事件的DOM元素。
• preventDefault() 阻止事件的默認動做（例如，在連接以後）。
• stopPropagation() 中止冒泡到其餘元素的事件。
  例如: 點擊時提醒鼠標位置，並阻止打開連接：
  

  $(「a」).click(function(event) {
  alert(event.pageX);
  event.preventDefault();
  });

  事件對象做爲參數(就是以上代碼中的 event 參數)傳遞給事件處理函數。

  JQuery觸發事件

  使用trigger()方法以編程方式觸發事件。 例如，你能夠觸發一個點擊事件，而不須要用戶實際點擊一個元素：
  

  $(「div」).click(function() {
  alert(「點擊了div!」);
  });
  $(「div」).trigger(「click」);

  trigger()方法不能用來模仿本機瀏覽器事件，好比點擊一個文件文本框。 只能處理jQuery事件系統中的事件。