ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLコンテンツをjqに置き換える方法

HTMLコンテンツをjqに置き換える方法

藏色散人
藏色散人オリジナル
2021-04-01 11:50:124408ブラウズ

HTML コンテンツを jq に置き換える方法: まず新しい HTML ファイルを作成し、次に div を使用してモジュールを作成し、テスト コンテンツを div に書き込みます。次にボタンを作成し、onclick クリック イベントをボタンにバインドします。ボタン; 最後に使用します text() メソッドは、div 内のコンテンツを置き換えることができます。

HTMLコンテンツをjqに置き換える方法

この記事の動作環境: Windows7 システム、jquery3.2.1&&html5 バージョン、DELL G3 コンピューター

新しい html ファイルを作成し、名前を付けますこれは test.html で、Jquery を使用して div 内のコンテンツを置き換える方法を説明するために使用されます。

HTMLコンテンツをjqに置き換える方法

test.html ファイルで、div を使用してモジュールを作成し、div にテスト コンテンツを書き込みます。

HTMLコンテンツをjqに置き換える方法

test.html ファイルで、div に id 属性を追加します。これは主に、以下の ID を通じて div オブジェクトを取得するために使用されます。

HTMLコンテンツをjqに置き換える方法

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

HTMLコンテンツをjqに置き換える方法

jsタグ内にtihuan()関数を作成し、関数内で置換する内容を変数conに保存し、id(でdivオブジェクトを取得します) mydiv) の場合は、text() メソッドを使用して div 内のコンテンツを置き換えます。

HTMLコンテンツをjqに置き換える方法

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

HTMLコンテンツをjqに置き換える方法

[推奨学習: jquery ビデオ チュートリアル]

以上がHTMLコンテンツをjqに置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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