码迷,mamicode.com
首页 > 其他好文 > 详细

juqery on事件委派简单用法

时间:2016-05-04 22:51:03      阅读:516      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

on 前面的选择器,是你准备要给哪个元素里的子元素添加事件就填哪个元素    
图里要在DIV里动态添加P标签就给div绑定on事件 让他里面生成的p标签加上点击事件
如:
 $("div").on(‘click‘,‘p‘,function(){
         alert(111);
  });
 
 
代码实例:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <div>
            <p id="baidu">sdkljfsdjflsjf</p>
        </div>
        <button>button</button>
    </body>
    <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script>
 
        $("button").click(function(){
            $(‘#baidu‘).after(‘<p>wodefa</p>‘);
        });
        $("div").on(‘click‘,‘p‘,function(){
            alert(111);
        });
    </script>
</html>

juqery on事件委派简单用法

标签:

原文地址:http://www.cnblogs.com/1996F/p/5459799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!