<div class="codetitle"><span><a style="CURSOR: pointer" data="75828" class="copybut" id="copybut75828" onclick="doCopy('code75828')"><u>コードをコピーします</u></a></span></div> <div class="codebody" id="code75828"> <br><html> <br><head> 🎜>< ;meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br><title>jQuery ノードの挿入、コピー、置換、削除</title> 🎜> <script type="text/javascript" src="jquery-1.3.2.js"></script> <br><script type="text/javascript"> document) .ready(function(){ <br>//ノードを追加するいくつかの方法<br>//$("p").append("<b>お元気ですか?</b>"); / /p 要素に「b」を追加 <br>//$("<b>お元気ですか?</b>").appendTo("p");//p 要素に「b」を追加element Middle<br>//$("p").prepend("<b>お元気ですか?</b>");//Prepend <br>//$(" <b>お元気ですか?あなたは? </b>").prependTo("p");//p 要素の先頭に "b" を追加します<br>//$("p").after(" <b>お元気ですか? </b>");//p 要素の後に "b" を挿入 <br>//$("<b>お元気ですか?</b>").insertAfter("p");/ /p 要素の後に "b" を挿入<br>//$("p").before("<b>お元気ですか?</b>");/ /p 要素の前に "b" を追加<br>//$("<b>お元気ですか?</b>").insertBefore("p");//p 要素に "b" を挿入します。 Previous<br><br><br>//ノードを削除するいくつかの方法<br>//var $li=$("ul li:eq(1)").remove();//ul ノードを削除します 2 番目の要素ノード<br>//$ ("ul").append($li);//削除したばかりの要素ノードを ul 要素<br>に追加します//$("ul li") .remove("li[title!=pineapple]"); //ul要素<br>の下のtitle属性が「pineapple」と等しくないli要素を削除//$("ul li:eq(1)").empty ();//2番目の内容をクリアul ノードの下の li 要素<br><br>//ノードをコピー<br>/* $("ul li").click(function(){ <br>$( this).clone(true).appendTo ("ul");//現在クリックされているノードをコピーして「ul」要素に追加し、パラメーターを追加するときにそのイベントをコピーします <br><br>}) ; <br>*/ <br>//ノードを置き換えます<br>// $("p").replaceWith("<strong>あなたの嫌いな果物は何ですか? </Strong>"); <br><br><br><br>}); <br></script> <br></head> <br><body> <br>< ;p>こんにちは! </p> <br><ul> <br><li title="Apple"</li> title="オレンジ">オレンジ</li> <br><li title="パイナップル"</li> <br></body> ;/html><br><br></strong> </div>