jQuery中常用的一個事件綁定方法是on(),它可以綁定一個或多個事件處理函數來處理特定選擇器所匹配的所有元素上的事件,該方法的語法如下:
$(selector).on(event,childSelector,data,function)
其中,參數event是必需的,它要指定一個或多個事件類型,如click、mousemove等。childSelector是可選參數,用于指定選擇器,只有符合該選擇器的子元素觸發的事件才會被處理。參數data也是可選的,用于傳遞數據給事件處理函數。function是必需的,指定一個或多個事件處理函數,當特定事件類型在選擇器匹配到的元素上觸發時,指定的事件處理函數會被執行。
例如:
$("button").on("click", function(){ $("p").toggle(); });
上面的代碼定義了一個按鈕的點擊事件處理函數,當該按鈕被點擊時,所有的段落元素都會顯示或隱藏。下面是on()方法實現委托事件綁定的一個示例:
$("ul").on("click", "li", function(){ $(this).toggleClass("selected"); });
上述代碼會在ul元素的子元素li被點擊時執行函數,可以通過toggleClass()方法來切換元素的“selected”類,以達到高亮選中的效果。
上一篇注冊頁面的css設計