jQueryのは、コピーノードを削除します

直接コードにはナンセンスありません、：

ケースソース（操作に使用されます）

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル> jQueryの删除、复制节点</ タイトル> 
    < スクリプトタイプ= "テキスト/ javascriptの" SRC =」.. /jquery-3.4.1.min.js」> </ スクリプト> 
    < スタイル> 

        ■は{ 

            幅：300ピクセル; 
            高さ：300ピクセル;：1pxのソリッドレッド; 
        } 
    </ スタイル> 
</ ヘッド> 
< 身体> 

<！ - 削除- > 
<！ - キーワードの削除デタッチ空- > 
<！ - 
構文：
$（タグオブジェクト）.remove （）; 
$（ラベルオブジェクト）.empty（）; 
$（ラベルオブジェクト）.detach（）、; 


- > 
< divのクラス= "ボックス" > 
    < P ID = "A" >幸せミッド!!! </ p型> 
    < p型>明日、無クラス</ p型> 
</ DIV > 

<スクリプト> 

    $（関数（）{ 

        $（" ＃A " ）.click（関数（）{ 

            警告（" 绑定测试" ）; 
        }）


    }）

    // $（ "＃Aの"）（削除）。


</ スクリプト> 
</ ボディ> 
</ HTML >

テスト結果：

テストの開始：削除

個別にテストされます削除する3つのキーがあり、空の切り離しを削除します

削除する：

結果は次のとおりです。

削除した後、ボックスにして、これを追加

テスト結果は戻ってきます。

削除するために使用する場合のポイントを書くために、アラートの外にもありませんどのように発見し、それは、結合トランザクションが失敗した削除されました

あなたはまだピックVAR使用することができるなら、それはノードを削除し、自分自身を保持することである削除するだけでなく、業務をバインドするために失敗しました

空の使用

ただ、コンテンツ、スタイル、および保持ノードを削除します

（だから、注意してください）

デタッチ使用します

テスト結果：

また、自分自身を維持するために、ノードを削除しますが、イベントは失敗を結合しませんでした

要約：

削除：使用して、ノードを削除し、独自のを保持するために、イベントをバインドに失敗

empty : 使用是清空内容，保留节点和样式，要慎用

detach: 使用是删除节点，保留自身，绑定事件有效

---------------------------------------------------------------------------------------------------------------------

复制：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复制节点</title>
    <script type="text/javascript"src="../jquery-3.4.1.min.js"></script>
    <style>
        .shop_car{
            width: 400px;
            height: 300px;
            border: 1px solid red;
        }
    </style>
</head>
<!--要有一个商品栏-->
<div class="shop">
    <p>商品1</p>
    <p>商品2</p>
    <p>商品3</p>

</div>
<body>


<div class="shop_car">
<!--    这里就是购物车-->

</div>


<script>
    /*
    语法：
    $(标签对象).clone(boolean);
     */
    //需求点击哪一个就将其添加到购物车中
    //制造绑定事件
    $(function () {
        $(".shop p").click(function () {
            //找到要复制的节点并复制

            var p = $(this).clone(true);
            //添加到购物车中
            $(".shop_car").append(p);

        })
      

    })




</script>




</body>
</html>

结果:

jQueryのは、コピーノードを削除します

おすすめ