jQuery delegate() 绑定多个元素或事件

最新推荐文章于 2024-02-05 22:26:35 发布

csdn_sf

最新推荐文章于 2024-02-05 22:26:35 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/csdn15026798451/article/details/83011939

版权

delegate() 绑定多个元素或事件

语法：
$(selector).delegate(childSelector,event,data,function);
childSelector: 可以是多个元素，要用逗号隔开，比如"p,span"，
event：属于什么事件，可以是多个事件属性，要用空格隔开，比如"click mouseover"，选中的元素既可以通过单击事件实现，用鼠标悬停也可以实现同样的效果。
data: 可选，规定传递到函数的额外数据。
function：当事件发生时运行的函数。

html:
<div style="background-color: red;">
	<p>这是一个段落</p>
	<p>请点击任意一个段落</p>
	<span>span</span>
</div>
js:
$(document).ready(function(){
	$("div").delegate("p,span","click mouseover",function(){
		$(this).slideToggle();//通过使用滑动效果，在显示和隐藏状态之间切换 
	})
})