本文主要介绍了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编程有所帮助。