jQuery 学習メモ: DOM 要素の作成_jquery

DOM メソッドを使用して要素ノードを作成するには、通常、document.createElement()、document.createTextNode()、および appendChild() を使用する必要がありますが、これは非常に面倒です。

そして、jQuery は $

を使用して DOM 要素を直接作成できます。

コードをコピーします コードは次のとおりです:

var oNewP = $("

jQuery で作成されたコンテンツ

");

上記のコードは JavaScript と同等です

コードをコピーします コードは次のとおりです:

var oNewP2 = document.createElement("p");
var oText = document.createTextNode("これは JavaScript メソッドを使用して作成されたコンテンツです");
oNewP2.appendChild(oText);

例: jQuery を使用して DOM を作成する

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="text/javascript">
$(function(){
var oNewP = $("

jQuery で作成されたコンテンツ

");
oNewP.insertAfter("#display"); })

                                                                                                                                                                                                                                                                                                  


jQueryを使用するとコード長が大幅に短縮されます。執筆時間を節約します。この記事が何かヒントになれば幸いです。ご質問がございましたら、メッセージを残してください。