當前位置:才華齋>設計>網頁設計>

jQuery中delegate()例項用法

網頁設計 閱讀(2.58W)

本文例項講述了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程式設計有所幫助。