本文主要介绍了delegate()方法在jQuery中的用法,结合实例分析了delegate()方法的功能和定义,在匹配元素的子元素中添加了一个或多个事件,并指定了这些事件发生时运行函数的技巧。有需要的可以参考一下。
本文演示了delegate()方法在jQuery中的用法。分享给你,供你参考。具体分析如下:
此方法将一个或多个事件添加到匹配元素的子元素中,并指定这些事件发生时要运行的函数。
语法结构:
复制代码如下:$(选择器)。委托(childofselector,类型,数据,函数)
参数列表:
参数
形容
选民之子
定义一个或多个要附加事件处理程序的子元素。
类型
可选。定义一个或多个附加到元素的事件类型。用空格分隔多个事件值。
数据
定义传递给事件处理程序的附加数据。
功能
定义事件发生时运行的函数。
实例代码:
复制代码如下:
!文档类型html
超文本标记语言
头
meta charset=' utf-8 '
meta name=' author ' content=' https://www . jb51 . net/'/
我们/标题
style type='text/css '
李{
list-style-type:无;
宽度:150px
高度:150px
边框:1px纯绿;
}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1 . 8 . 3 . js '/script
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('div ')。委托('按钮','点击',函数(){
$('李')。slide toggle();
})
})
/脚本
/头
身体
差异
保险商实验所
我们欢迎你/李
/ul
单击按钮查看效果/按钮
/div
/body
/html
上面的代码可以用div的子元素button元素注册click事件处理函数,并且可以在按钮被单击时在隐藏和显示之间切换。
希望这篇文章对大家的jQuery编程有所帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。