,,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编程有所帮助。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: