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中文网 !!