jquery可以給多個(gè)元素綁定同一事件嗎？下面本篇文章給大家介紹一下。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對大家有所幫助。

jquery可以給多個(gè)元素綁定同一事件嗎？

jquery可以給多個(gè)元素綁定同一事件。例如可以使用jQuery delegate()來綁定多個(gè)元素或事件。

delegate() 綁定多個(gè)元素或事件

delegate()方法為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。

使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)。

語法：$(selector).delegate(childSelector,event,data,function);childSelector: 規(guī)定要附加事件處理程序的一個(gè)或多個(gè)子元素。，要用逗號隔開，比如"p,span"，

event： 屬于什么事件，可以是多個(gè)事件屬性，要用空格隔開，比如"click mouseover"，選中的元素既可以通過單擊事件實(shí)現(xiàn)，用鼠標(biāo)懸停也可以實(shí)現(xiàn)同樣的效果。

data: 可選，規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。

function： 當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。

示例：給

和元素綁定同一事件

$(document).ready(function(){

$("div").delegate("p,span","click",function(){

$(this).slideToggle();//通過使用滑動(dòng)效果，在顯示和隱藏狀態(tài)之間切換

})

})

這是一個(gè)段落

請點(diǎn)擊任意一個(gè)段落

span，點(diǎn)擊一下

效果圖：

更多web前端開發(fā)知識，請查閱 HTML中文網(wǎng) ！！

總結(jié)

以上是生活随笔為你收集整理的html绑定多个事件,jquery可以给多个元素绑定同一事件吗？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。