JQuery delegate的使用心得

JQuery delegate的使用心得delegate 函数用于为指定元素的一个或多个事件绑定事件处理函数 事实上 绑定事件类似的方法同样还有 on 函数 那 delegate 有什么特殊的地方呢 语法首先来看下其语法 selector delegate childSelecto event data function 其中 data 是可选的 规定传递到函数的额外数据 demo 下面看个例子

delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数

事实上,绑定事件类似的方法同样还有on()函数。那delegate()有什么特殊的地方呢?

语法

首先来看下其语法:

$(selector).delegate(childSelector,event,data,function)

其中data是可选的,规定传递到函数的额外数据。

demo

下面看个例子

$("div").delegate("button","click",function(){ alert("hello world!"); });

作用是为所有的DIV下的子元素button添加点击事件。

说明

大部分情况下添加事件处理并不需要他,但是有一种情况比较特殊:某一个标签下需要通过js进行组装元素时,这个方法在这是非常实用的。例如下面这个例子:

  
  

可以看到,由js动态加载出来的子元素,通过delegate都可以监听得到.

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/175811.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午11:22
下一篇 2026年3月26日 下午11:22


相关推荐

  • 面向对象的学生信息管理系统_java面向对象学生管理系统

    面向对象的学生信息管理系统_java面向对象学生管理系统面向对象版-学员管理系统目标一.系统需求二.准备程序文件2.1分析2.2创建程序文件三.书写程序3.1student.py3.1.2程序代码3.2managerSystem.py3.2.1定义类3.2.2管理系统框架3.3main.py3.4定义系统功能函数3.4.1添加功能3.4.2删除学员3.4.3修改学员信息3.4.5查询学员信息3.4.6显示所有学员信息3.4.7保存学员信息3.4.8加载学员信息四.总结目标了解面向对象开发过程中类内部功能的分析方法了

    2026年1月30日
    5
  • 7.1科技新闻

    7.1科技新闻时尚 3D 打印让骨折患者和石膏说再见 通常 骨折的患者为了让骨头复位或固定 往往要打上石膏 提及石膏 这类医学用品不仅笨重 庞大 还影响美观 现在 利用 nbsp 3D nbsp 打印技术 这些令人厌恶的的存在因素或会所改变 威锋网 nbsp 6 nbsp 月 nbsp 30 nbsp 日讯 nbsp 据外站 nbsp The nbsp Verge nbsp 报道 惠灵顿维多利亚大学的学生 nbsp Jake nbsp Evill nbsp 推出了一款与 nbsp 3D nbsp 打印技术相关的概念

    2026年3月26日
    2
  • tinyint int区别_php intval函数

    tinyint int区别_php intval函数stock_numbertinyint(1)  如果stock_number此时的值是127,当库存+1的时候,就会超过int的最大范围(error:Datatruncation:Outofrangevalueforcolumn’stock_total’atrow1)类型      最小值      最大值      占用字节tinyi…

    2026年2月7日
    3
  • uIP学习笔记

    uIP学习笔记1 前言最近半年的时间一直在学习应用嵌入式以太网 虽然学习的动机仅仅是玩玩 但是以太网真的深深吸引了我 这里我和各位分享一下 uIP 的使用经验 uIP 是一个简单好用的嵌入式网络协议栈 易于移植且消耗的内存空间较少 非常适合学习和使用 可以肯定的说 uIP 是嵌入式以太网学习的好起点 但不一定是终点 uIP 的功能远不如 LwIP 强大 但两者并没有孰优孰劣之分 uIP 和 LwIP 的作者同为 Adam

    2026年3月26日
    2
  • 最新Coze(扣子)智能体工作流:自媒体人必备!5分钟生成个人IP口播数字人,无需出镜拍摄

    最新Coze(扣子)智能体工作流:自媒体人必备!5分钟生成个人IP口播数字人,无需出镜拍摄

    2026年3月12日
    2
  • 排序二叉树及其Java实现[通俗易懂]

    排序二叉树及其Java实现[通俗易懂]定义排序二叉树的定义也是递归定义的,需要满足:(1)若它的左子树不为空,则左子树上所有节点的值要均小于根节点的值;(2)若它的右子树不为空,则右子树上所有节点的值要均大于根节点的值;(3)左、右子树也分别是排序二叉树如下图,对于排序二叉树,若按中序遍历就可以得到由小到大的有序序列。创建创建排序二叉树的步骤就是不断像排序二叉树中添加新节点(p)的过程:(1)以根节

    2022年7月25日
    16

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号