html绑定多个事件,jquery可以给多个元素绑定同一事件吗?
jquery可以給多個元素綁定同一事件嗎?下面本篇文章給大家介紹一下。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。
jquery可以給多個元素綁定同一事件嗎?
jquery可以給多個元素綁定同一事件。例如可以使用jQuery delegate()來綁定多個元素或事件。
delegate() 綁定多個元素或事件
delegate()方法為指定的元素(屬于被選元素的子元素)添加一個或多個事件處理程序,并規定當這些事件發生時運行的函數。
使用 delegate() 方法的事件處理程序適用于當前或未來的元素(比如由腳本創建的新元素)。
語法:$(selector).delegate(childSelector,event,data,function);childSelector: 規定要附加事件處理程序的一個或多個子元素。,要用逗號隔開,比如"p,span",
event: 屬于什么事件,可以是多個事件屬性,要用空格隔開,比如"click mouseover",選中的元素既可以通過單擊事件實現,用鼠標懸停也可以實現同樣的效果。
data: 可選,規定傳遞到函數的額外數據。
function: 當事件發生時運行的函數。
示例:給
和元素綁定同一事件
$(document).ready(function(){
$("div").delegate("p,span","click",function(){
$(this).slideToggle();//通過使用滑動效果,在顯示和隱藏狀態之間切換
})
})
這是一個段落
請點擊任意一個段落
span,點擊一下
效果圖:
更多web前端開發知識,請查閱 HTML中文網 !!
總結
以上是生活随笔為你收集整理的html绑定多个事件,jquery可以给多个元素绑定同一事件吗?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微信和html5的使用感觉,微信小程序和
- 下一篇: html 重复提交表单,表单重复提交问题