jquery元素插入、删除、清空

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>

posted @ 2016-03-14 13:46 侠岚之弋痕夕阅读(779) 评论(0) 编辑收藏举报

刷新页面返回顶部

侠岚之弋痕夕

jquery元素插入、删除、清空

公告