jQuery中delegate()方法用法实例

jQuery中delegate()方法用法实例

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

jQuery中delegate()方法用法实例