jquery元素插入、删除、清空

最新推荐文章于 2024-07-22 15:13:59 发布

weixin_34112900

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量108

点赞数

文章标签： javascript ViewUI

1）jquery元素插入

位置1）表示元素前：$("#test").before(……);

位置2）表示元素内前：$("#test").prepend(……);

位置3）表示元素内后：$("#test").append(……);

位置4）表示元素后：$("#test"). after(……);

2）jquery元素删除（包括自身与所有文本和子节点）

$("#test").remove();

3）jquery元素清空(包括所有文本和子节点)，不会删除元素属性

$("#test").empty();

代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .contenter{
        border:1px solid #282828;
        width:600px;
        height:400px;
    }

    .child{
        width:90%;
        height:200px;
        border:1px solid red;
    }

    </style>
</head>
<body>
<div class="contenter">
    <div class="child"></div>
</div>
    <script type="text/javascript" src="2.1.js"></script>
    <script type="text/javascript">
     $(function(){
       $(".contenter").click(function(){
       // console.log("111111");
       // $(this).append()
       // $(this).before("111111");
        // $(this).after("22222");
        // $(this).append("333333");
        // $(this).prepend("4444444 \n\r");
        // $(this).remove();
        // $(this).empty();

       });

     });

    </script>
</body>
</html>

weixin_34112900

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery元素插入、删除、清空

1）jquery元素插入位置1）表示元素前：$("#test").before(……);位置2）表示元素内前：$("#test").prepend(……);位置3）表示元素内后：$("#test").append(……);位置4）表示元素后：$("#test"). after(……); 2）jquery元素删除（包括自身与所有文本和子节点）$("#test").remo...
复制链接

扫一扫