给通过js拼接的html加上click()事件

最新推荐文章于 2024-04-25 00:14:02 发布

流浪者的短匕

最新推荐文章于 2024-04-25 00:14:02 发布

阅读量1w

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_44000635/article/details/93982712

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

//对未来元素的绑定事件 
$(document).on("click",".urlTip",function(){
    return confirm('您访问的链接即将离开***网站，是否继续？');
})

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
</head>

<body>
<h4>jquery怎么让append添加的内容放在最前面，改成prepend</h4>
<h6>百度jquery公共引用地址</h6>
<ul>
    <li>http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js</li>
    <li>http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js</li>
    <li>http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js</li>
    <li>http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js</li>
</ul>
</body>

<script>
    $(function() {
        $("body").prepend('<div class="div"><input type="button" class="but" ' +
            'value="测试on的用法,给通过js拼接的html加上click()事件" qState=123 /><span>多余的测试</span></div>');

        $(".div").on("click", ".but", function() {
            console.log(this);
            $(this).css("color", "red");
        });
    });
</script>

</html>

流浪者的短匕

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
给通过js拼接的html加上click()事件

//对未来元素的绑定事件$(document).on("click",".urlTip",function(){ return confirm('您访问的链接即将离开***网站，是否继续？');})<!DOCTYPE html><html><head> <meta charset="UTF-8"...
复制链接

扫一扫