jQuery對DOM節點進行操作(替換節點)


1.定義和用法

  $("element")replaceAll(selector) :方法把被選元素替換為新的 HTML 元素。

  示例:

<body>
    <script type="text/javascript">
        //入口函數
        $(document).ready(function(){
            // 替換
            $('<h2>good job</h2>').replaceAll($("div h1"))
        })
    </script>
    <div>
        <h1>hello world</h1>
        <h1>nice</h1>
    </div>
    <h1>good man</h1>
</body>

  輸出:

 

 

  selector.replaceWith("element") 用匹配的元素替換成指定的HTML 元素

  示例:

<body>
    <script type="text/javascript">
        //入口函數
        $(document).ready(function(){
            // 替換
            $("div h1:eq(1)").replaceWith('<h2>good job</h2>')
        })
    </script>
    <div>
        <h1>hello world</h1>
        <h1>nice</h1>
    </div>
</body>

  輸出:


免責聲明!

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



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