ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで要素ノードを作成する方法

jqueryで要素ノードを作成する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-03 15:39:382877ブラウズ

要素ノードを作成する Jquery メソッド: まず p タグを作成し、p タグに id 属性を追加します。次に、id を通じて p 要素オブジェクトを取得し、[append()] メソッドを使用してノードを追加します。 pタグ。

jqueryで要素ノードを作成する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery で要素ノードを作成する方法:

1. jquery が要素ノードを作成する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。

jqueryで要素ノードを作成する方法

2. test.html ファイルで、p タグを作成し、p タグ内に img ノードを追加します。

jqueryで要素ノードを作成する方法

3. test.html ファイルで、以下の p タグ オブジェクトを取得するために使用される id 属性を p タグに追加します。

jqueryで要素ノードを作成する方法

4. test.html ファイルで、button タグを使用してボタンを作成し、onclick クリック イベントをボタンにバインドし、ボタンがクリックされたときに実行します。 createle()関数。

jqueryで要素ノードを作成する方法

5. js タグで、createle() 関数を作成します。関数内で、id を通じて p 要素オブジェクトを取得し、append() を使用します。 メソッド. pタグにimgノードを追加します。

jqueryで要素ノードを作成する方法

#6. ブラウザで test.html ファイルを開き、ボタンをクリックして結果を表示します。

jqueryで要素ノードを作成する方法

関連する無料学習の推奨事項: javascript (ビデオ)

以上がjqueryで要素ノードを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。