jQuery作成ノード
2013 ワード
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"/>
<script type="text/javascript">
</code></pre>
<pre><code> $(document).ready(function(){
</code></pre>
<p>// </p>
<h5> ： HTML ( )</h5>
<pre><code> var textNode1 = '<p> HTML </p>';
</code></pre>
<h5> : JQ </h5>
<pre><code> var textNode2 = $('<p></p>').text(' JQ ')
</code></pre>
<h4> ： JS DOM </h4>
<pre><code> var textNode3 = document.createElement("p");
textNode3.innerHTML = ' js DOM ';
</code></pre>
<h4> </h4>
<p>append() <br> A.append(B): B A </p>
<pre><code>$('body').append(textNode1,textNode2,textNode3);
</code></pre>
<h4>A.appendTo(B): A B </h4>
<pre><code> //$(textNode1).appendTo('body')
</code></pre>
<h4>A.prepend(B): B A </h4>
<pre><code> //$('body').prepend(textNode3);
</code></pre>
<h4>A.prependTo(B): A B </h4>
<pre><code> //$(textNode2).appendTo('body')
</code></pre>
<h4>after() : </h4>
<h4>before() : </h4>
<pre><code> $('div').after(textNode1);
$('div').before(textNode1);
})
</script>
<div/>
</code></pre>
</article>
</div>
</div>