jQuery基礎教程第3章(增加）

標籤：

3.2 處理簡單的事件

3.2.1 簡單的樣式轉換器

　　.on()方法，可以指定任何DOM事件，並為該事件添加一種行為。

　　.removeClass()方法，可以為指定元素刪除類。

　　.addClass()方法，添加類。

3.2.3 利用事件處理常式的上下文

　　利用$()函數可以將DOM元素作為參數，而this關鍵字可以作為參數。

3種jQuery特性：1、在通過對.on（）的一次調用為每個按鈕都綁定相同的單擊事件處理常式時，隱式迭代機制再次發揮了作用。

　　　　　　　　2、行為隊列機制使得可以在同一個單擊事件上綁定了兩個函數，而且第二個函數不會覆蓋第一個函數。

　　　　　　　　3、利用jQuery的連綴能力將同一元素的各操作壓縮到一行代碼中。

3.2.5 簡寫事件

　　$(‘選擇符‘).on(‘click‘, function(){  });==$(‘選擇符‘).click(function(){  });

3.2.6 顯示和隱藏進階特性

　　toggleClass()方法，能夠根據相應的類是否存在而添加刪除類。

3.3 事件傳播

　　.hover()方法。此方法接受兩個函數參數。第一個函數會在滑鼠指標進入被選擇的元素時執行，第二個函數會在滑鼠指標離開該元素時觸發。

3.4.4 事件委託

　　事件委託利用事件冒泡。

　　.is()方法，接收一個選擇符運算式，然後用選擇符來測試當前的jQuery對象。

3.4.5 使用內建的事件委託功能

　　.on方法第二個參數是一個選擇符運算式，實現事件委託。比較當前jQuery對象和選擇符運算式，如果匹配，則代碼中this關鍵字映射到匹配的元素。

3.5 移除事件處理常式

　　.off()方法移除事件處理常式。

3.5.1 為事件處理常式添加命名空間

　　在綁定事件時引入附加資訊，以識別特定的處理常式

　　如：

　　

$(‘id‘).on(‘click.eventNameSpace‘, function(){        });$(‘another‘).off(‘click.eventNameSpace‘）；

3.5.2 重新綁定事件

 　　

$(document).ready（function() {    var toggleSwitcher = function(event) {        if(!$(event.target).is(‘button‘)) {            $(‘#switcher button‘).toggleClass(‘hidden‘);        }    };    $(‘#switcher‘).on(‘click.collapse‘, toggleSwitcher):});

3.6 模仿使用者操作

　　.trigger()方法

jQuery基礎教程第3章(增加）