专栏首页葫芦cssjshtml jquery向动态生成的元素添加事件

cssjshtml jquery向动态生成的元素添加事件

定义和用法

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

语法

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

参数

描述

childSelector

必需。规定要附加事件处理程序的一个或多个子元素。

event

必需。规定附加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。

data

可选。规定传递到函数的额外数据。

function

必需。规定当事件发生时运行的函数。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>delegate demo</title>
  <style>
  p {
    background: yellow;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
  }
  p.over {
    background: #ccc;
  }
  span {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<p>Click me!</p>
 
<span></span>
 
<script>
$( "body" ).delegate( "p", "click", function() {
  $( this ).after( "<p>Another paragraph!</p>" );
});
</script>
 
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • cssjshtml Authorization认证不过期

      桌面应用程序也通过HTTP协议跟web服务器交互,桌面应用程序一般不会使用cookie,而是把‘用户名+:+密码’用base64编码之后的string放在r...

    葫芦
  • linux split

    葫芦
  • python 函数式编程 filter

    和map()类似,filter()也接收一个函数和一个序列。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是True还是F...

    葫芦
  • 浏览器调试小技巧

    如果熟悉jQuery,就会知道 $('.class') 和 $('#id') 选择器有多么重要。它们根据与之关联的类或 ID 选择 DOM 元素。但是当你没有引...

    grain先森
  • C++11单例设计模式(双检查锁)

           单例设计模式就是一个类只能实例化出一个对象,不能实例化出多个对象,单例模式分为两种,一种是饿汉单例模式,是指在类创建的时候就已经实例化出了一个对象...

    Ch_Zaqdt
  • 大数据投融资周报(9月20日——9月23日 共10起)

    <数据猿导读> 上周大数据领域共发生10起投融资事件,其中包括8家中国企业和2家美国企业,涉及领域包括云计算、数据分析、金融、医疗等多个领域,以下为您奉上上周投...

    数据猿
  • 案例:Spark基于用户的协同过滤算法

    一 基于用户协同过滤简介 基于用户的协同过滤算法(user-based collaboratIve filtering) 基于用户的协同过滤算法是通过用户的历...

    Spark学习技巧
  • 一起来看看词性标注

    本文根据自己的学习过程以及查阅相关资料的理解,对自然语言基础技术之词性标注进行了相对全面的简绍,包括定义、目前的难点以及常见方法,还推荐了一大波 Python ...

    用户1737318
  • “氢元数据”:提供一站式大数据API,可按需定制

    “氢元数据”定位于基础数据服务商。开发服务的先行者,平台是以自有数据为基础,通过各种便捷服务整合及第三方数据接入,为互联网开发全行业提供标准化API技术支撑服务...

    BestSDK
  • HIDS系统存储方案探索与实践

    企业有各种安全防护手段,HIDS与网络流量监听一样, 是一种威胁检测的手段。HIDS(Host-based Intrusion Detection System...

    糖果

扫码关注云+社区

领取腾讯云代金券