jQuery中delegate()實例用法

本文實例講述了jQuery中delegate()方法用法。分享給大家供大家參考。具體分析如下:

jQuery中delegate()實例用法

此方法爲匹配元素的子元素添加一個或多個事件,並規定當這些事件發生時運行的函數。

語法結構:

複製代碼 代碼如下:$(selector)gate(childofselector,type,data,function)

參數列表:

參數 描述 childofselector 定義要附加事件處理程序的一個或多個子元素。 type 可選。定義附加到元素的一個或多個事件類型。由空格分隔多個事件值。 data 定義傳遞到事件處理函數的額外數據。 function 定義當事件發生時運行的.函數。

實例代碼:

複製代碼 代碼如下:

li{

list-style-type:none;

width:150px;

height:150px;

border:1px solid green;

}

$(document)y(function(){

$("div")gate("button","click",function(){

$("li")eToggle();

})

})

以上代碼可以div的子元素button元素註冊click事件處理函數,當點擊按鈕的時候能夠實現隱藏和顯示的切換。

希望本文所述對大家的jQuery程序設計有所幫助。