HTML-Javascriptメソッド

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

jQueryは、開発者が動的なWebエクスペリエンスを効果的に作成するのに役立つ多くのメソッドを提供します。 jQueryのhtml()メソッドは、選択した要素のすべてのHTMLを置き換えます。これは、ページを操作した後にユーザーに表示される内容を動的に変更する場合に役立ちます。

このガイドでは、 html()との使用方法を学習します。その構文。また、 html()を使用するための段階的なアプローチを取ります。 jQuery html()は、jQueryライブラリの基本的なメソッドであり、よく使用されます。基本を学んだら、 html()で練習を始める準備ができています。

jQuery html()とは何ですか?

jQuery html()は、各要素のHTMLコンテンツを一致する要素のセットに設定します。必要なHTMLのみを置き換えるのに十分正確なクエリを提供するように注意する必要があります。

コンテンツのみがhtml()で編集されます。スタイルシートがある場合、新しいコンテンツは前のコンテンツと同じスタイルになります。 html()はHTMLドキュメントでのみ機能します。XMLでは機能しません。

html()jQuery構文

注意してください。 jQueryメソッドは最初にセレクターで呼び出されます。セレクターは、

タグの大きさでも、識別子付きの)。目的の要素を選択したら、 html()を呼び出し、HTML文字列をパラメータとして html()に渡すことができます。 CSSセレクターの詳細については、ガイドを参照してください。

html()はパラメータとしてのリテラル文字列、または文字列を含む変数。 「新しいコンテンツ」のリテラル文字列を渡すと、「新しいコンテンツ」を参照する変数を渡すようにレンダリングされます。

この単純な

タグ全体を置き換えることができます:

上記のコードは、新しいHTMLを次のように示しています。

ある場合元の

タグに関連付けられたスタイルであったため、新しいコンテンツではアクティブでなくなります。単純な文字列を渡すこともできます:

コードHTMLは次のようになります。

新しいコンテンツにはいくつかの違いがあることがわかります。リテラル文字列を渡すことは、前のコンテンツのスタイルを維持するための優れた方法です。リテラル文字列は、文字を含む単なる文字列であることを忘れないでください。新しいコンテンツを子要素にする場合は、HTML文字列を使用してこれを行うことができます。

基本的な構文について説明したので、例を見てみましょう。

jQuery html()の例

html()が、「新しいコンテンツ」の例で選択した要素のコンテンツをどのように置き換えるかを見てきました。これは、リテラル文字列またはHTML文字列をパラメータとして渡すことで実現できます。元のスタイルを維持する例を見てみましょう。

最初のHTMLページを見ると、青色で様式化された「Hello」という単語のみが表示されます。

この例では、元のスタイルを維持しながら、「Hello」という単語を新しいコンテンツに置き換えます。これを行うには、青いクラスの名前の段落を選択します。

blueクラスに属する段落を選択し、"Hello"を"HelloAGAIN"に置き換えました。 html()は要素名に含まれるコンテンツを置き換えるため、青色が残ります。

A83aaFCGA71IBKWgL4WyaFqn GeP4fN7kwWBtZnN4Xmhk9dfSP85teVs83FA2w8myG0SsPwzmfMP8RagLyBGr0JCb8XgEpQ88AFUpD 5iatEp Im3xzfqRKD35rOb9xjhLoN1Na

段落内のすべてのテキストを置き換えますか?

要素を選択すると、上記のテキストが「HelloAGAIN。、"

ここでは、HTMLファイル内のタグの段落全体を選択し、それぞれのコンテンツを次のように置き換えます。 "こんにちはAGAIN"。または、これらのタグにエンベロープコンテンツPEを置いています。

<フィギュアクラス= "WP-画像ブロック"> 「2guefy2uVdRQb3zbHpmF0SeFtMBttoqGZfEwZJn0nS04IulS0SYHM8Q

私たちが望んだとしてだけ。私たちの選択の1つの上のレベルまで行こう、私たちは、 ガイドを読んで、上記の詳細を確認してください< / p>

1行のコードで、3つの異なるパラメータ要素を置き換え、独自の元のクラススタイルを使用しました。

結論

jQuery html() は、動的なエクスペリエンスを作成するためにHTMLページのコンテンツを置き換えるために一般的に使用される方法です。Sinc e html()は、HTML要素に含まれるコンテンツを置き換えます。jQueryセレクターとスタイルクラスに注意することが重要です。これにより、不要なスタイルの変更を防ぐことができます。

jQueryとは何か、その構文、および使用例を学びました。この広く使用されている方法の練習と開発に時間を費やしてください。