ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでフォントの色を変更する方法

jqueryでフォントの色を変更する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-02 15:43:575055ブラウズ

jquery でフォントの色を変更する方法: まずタグを使用してテキスト行を作成し、次に js で [css()] メソッドを使用して color 属性を設定し、テキストの色を変更します。 。

jqueryでフォントの色を変更する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン この方法は、すべてのブランドのコンピューターに適しています。

jquery でフォントの色を変更する方法:

1. 新しい HTML ファイルを作成し、test.html という名前を付けて、jquery がテキストの色を変更する方法を説明します。

jqueryでフォントの色を変更する方法

2. test.html ファイルで、p タグを使用してテスト用のテキスト行を作成します。

jqueryでフォントの色を変更する方法

3. test.html ファイルで、p タグの ID を mytxt に設定します。これは主に、以下のこの ID を通じて p タグ オブジェクトを取得するために使用されます。

jqueryでフォントの色を変更する方法

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

jqueryでフォントの色を変更する方法

5. js タグで editshe() 関数を作成します。関数内で、id を通じて p タグ オブジェクトを取得し、css() メソッドを使用してp タグの color 属性を変更する、つまりテキストの色を変更します。たとえば、p タグの内容の色を赤とします。

jqueryでフォントの色を変更する方法

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

jqueryでフォントの色を変更する方法

関連する無料学習の推奨事項:

javascript (ビデオ)

以上がjqueryでフォントの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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