jq添加插入刪除元素


https://www.cnblogs.com/sandraryan/

append() - 在被選元素的結尾插入內容

<body>
    <div class="wrap">
        <h2>this is h2</h2>
        <p>this is a para</p>
        <strong>strong tag</strong>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script>
    var el = $('<div>added div</div>');
    el.css('color','red');
    $('.wrap').append(el);
    // el是一個使用jq創建的jq節點對象
    // 添加到尾部
    </script>
</body>

 

也可以直接添加字符串,原生js創建的節點對象等。舉個栗子~

$('.wrap').append('added string');
顯示為:

 

 

 

 

prepend() - 在被選元素的開頭插入內容

after() - 在被選元素之后插入內容

before() - 在被選元素之前插入內容

以上同理~~~~~~~

remove() 刪除元素

var a = $('.wrap p').remove();
    console.log(a);

刪除wrap下的p

empty()清空元素內容

 $('.wrap').empty();

會留下一個class為wrap的div


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM