欢迎登录

jQuery动态添加删除

:2019-07-16    :69 次   :622 字   

介绍:

js动态加载无法使用一般的click()函数,需要使用on()函数,不多说直接上代码。

代码:

动态删除.gif

js代码:

$(function () {
    //动态添加
    $(".add").on("click", function () {
        console.log("进来了");
        $(".info").append('<div class="delete"><h3>单击我来删除我</h3></div>');
    });
    //对动态添加的元素添加事件-删除
    $(".info").on("click", ".delete", function () {
        console.log("进来了Delete!");
        $(this).remove();
    });
});

html代码:

<h2 class='add'>单击我添加动态元素</h2>
<div class="info"></div>
×