ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryにstyle属性を追加する方法

jqueryにstyle属性を追加する方法

藏色散人
藏色散人オリジナル
2021-11-17 11:07:229504ブラウズ

jquery に style 属性を追加する方法: 1. 新しい html ファイルを作成します; 2. p タグを使用してテキスト行を作成します; 3. button タグを使用してボタンを作成します; 4. Get ID を介した p タグ オブジェクト; 5. css() メソッドを使用してスタイルにスタイルを追加するだけです。

jqueryにstyle属性を追加する方法

この記事の動作環境: Windows 7 システム、jquery バージョン 3.2.1、DELL G3 コンピューター

追加方法jqueryのstyle属性?

jquery がスタイルに属性を追加する:

test.html という名前の新しい HTML ファイルを作成して、jquery がスタイルに属性を追加する方法を説明します。

jqueryにstyle属性を追加する方法

test.html ファイルで、p タグを使用してテキスト行を作成し、その ID を mypp に設定します。これは、次の方法で p タグ オブジェクトを取得するために使用されます。以下のこのID。

jqueryにstyle属性を追加する方法

test.html ファイルの p タグで、style 属性を使用して p タグのテキストの背景色を黒に設定し、テキストの色を白にします。

jqueryにstyle属性を追加する方法

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

jqueryにstyle属性を追加する方法

js タグで addcss() 関数を作成し、関数内で p タグ オブジェクトを取得します。 css() メソッドは、style 属性を style に追加します。たとえば、font-size 属性を追加して 30px に設定すると、テキスト サイズが 30px になります。

jqueryにstyle属性を追加する方法

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

jqueryにstyle属性を追加する方法

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

以上がjqueryにstyle属性を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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