JQuery 添加元素(jquery对象)，删除元素( .remove())

最新推荐文章于 2023-03-10 15:07:49 发布

houyanhua1

最新推荐文章于 2023-03-10 15:07:49 发布

阅读量1.4w

点赞数

分类专栏： JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/houyanhua1/article/details/78825043

版权

JQuery 专栏收录该内容

57 篇文章 0 订阅

订阅专栏

append()，appendTo()：追加子(标签)元素。 $(a).append($(b)) 等同于 $(b).appendTo($(a))
prepend()，prependTo()：前加子(标签)元素
after()，insertAfter()：后加兄弟(标签)元素
before()，insertBefore()：前加兄弟(标签)元素
empty()：清空所有子(标签)元素。
$('#divContainer').remove(); //删除该jquery对象。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="scripts/jquery-1.7.1.min.js"></script>
    <script>
        $(function() {
            $('#btnAppend').click(function () {
                //动态创建jquery对象
                var zhh = $('<b>Zhh</b>');
                //追加
                $('#divContainer').append(zhh);//在后面追加子标签(元素)
            });

            $('#btnAppendTo').click(function () {
                //追加到
                $('<b>拍电影</b>').appendTo($('#divContainer'));
            });

            $('#btnEmpty').click(function () {
                //清空所有子元素
                $('#divContainer').empty(); //清空所有子标签(元素)
            });

            $('#btnRemove').click(function() {
                //$('#divContainer').remove();  //删除该jquery对象。
                $('<span style="color:red">sadkfjlsad</span>').insertBefore('#divContainer');//在前面添加兄弟元素
            });
        });
    </script>
</head>
<body>
    <input type="button" id="btnAppend" value="Append"/>
    <input type="button" id="btnAppendTo" value="AppendTo"/>
    <input type="button" id="btnEmpty" value="Empty"/>
    <input type="button" id="btnRemove" value="Remove"/>
    <div id="divContainer">asdfsdaf</div>
</body>
</html>

houyanhua1

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
JQuery 添加元素(jquery对象)，删除元素( .remove())

append()，appendTo()：追加子(标签)元素。 $(a).append($(b)) 等同于 $(b).appendTo($(a))prepend()，prependTo()：前加子(标签)元素after()，insertAfter()：后加兄弟(标签)元素before()，insertBefore()：前加兄弟(标签)元素empty()：清空所有子(标签)元素。
复制链接

扫一扫