用jq添加或移除div

用jq添加或移除div,第1张

问题分析:

1、删除:使用jQuery的remove方法

2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。

举例如下:

以内部追加方法append为例。

添加DIV:

$('body').append('<div id="name">我是被添加的DIV标签</div>')

删除刚刚添加的DIV:

$('#name').remove()

时序问题。

你之前写的是在页面加载完成之后 jquery 会进行DOM节点绑定,所以能移除

之后你点击节点添加,只是添加页面元素,但是这个元素并没有绑定任何事件,所以不能点击移除。

$(".cc").click(function () {

    $(this).before("<div class='aa'><div class='bb'>x</div></div>")

    bb()

})

var bb = function () {

    $(".bb").click(function () {

        var cls = $(this).parent().remove()

    })

}

bb()


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7954647.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存