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事件系統中的事件。