jQuery中delegate()實例用法

時間：2024-09-17 18:59:04 jQuery 我要投稿

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

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

　　語法結構:

　　復制代碼代碼如下:$(selector).delegate(childofselector,type,data,function)

　　參數列表:

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

　　實例代碼:

　　復制代碼代碼如下:

　　li{

　　list-style-type:none;

　　width:150px;

　　height:150px;

　　border:1px solid green;

　　}

　　$(document).ready(function(){

　　$("div").delegate("button","click",function(){

　　$("li").slideToggle();

　　})

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

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

【jQuery中delegate()實例用法】相關文章：