jQueryで特定の要素にcssやcssプロパティを追加/変更/削除する記述方法

Human Resocia Co.,Ltd.

2015-07-15 12:00

ヒューマンリソシア株式会社はコラム「jQueryで特定の要素にcssやcssプロパティを追加/変更/削除する記述方法」を公開しました。
###
wordpress / PHP / AWSの技術Tip集 ~学んだことをひたすら書いていきます~
vol.8 ‐ jQueryで特定の要素にcssやcssプロパティを追加/変更/削除する記述方法
投稿日時:2015/05/27 04:05

カテゴリ: wordpress / PHP / AWSの技術Tip集 ~学んだことをひたすら書いていきます~


jQueryで特定のHTML要素にcssプロパティを追加/変更/削除する記述方法をメモします。
jQueryでstyle属性を直書きする場合は css( )メソッドを、cssを追加、削除する場合は
addClass( ) / removeClass( )メソッドを使用します。



まずは、事前にhtml内でjQueryを読み込んでおきます。(既に記述済みの場合はいりません)



<scriptsrc=” (リンク ») ”></script>



書式
jQueryでstyle属性を直書きしたい場合は「css( )」メソッド
ひとつのstyle属性の場合
$(‘要素’).css(‘プロパティ’, ‘値’);



複数のstyle属性を設定する場合
$(‘要素’).css({‘プロパティ':’値’, ‘プロパティ':’値’});

特定の要素にcssを追加、削除したい場合は「addClass( )」「removeClass( )」メソッド
要素にClassを追加する
$(‘要素’).addClass(‘css名’);



要素についているClassを削除する
$(‘要素’).toggleClass(‘css名’);



「css( )」メソッドでstyle属性の追加、変更、削除
■ひとつのcssプロパティの場合
例えば、class「hoge」がついた要素のcss「color」を「red」に追加、変更したい場合
$(‘.hoge’).css(‘color’,’red’);
これでcssが追加されます。既にcolor指定されていた場合でも、この記述が有効になります。

この続きは以下をご覧ください
(リンク »)
本プレスリリースは発表元企業よりご投稿いただいた情報を掲載しております。
お問い合わせにつきましては発表元企業までお願いいたします。

【企業の皆様へ】企業情報を掲載・登録するには?

御社の企業情報・プレスリリース・イベント情報・製品情報などを登録するには、企業情報センターサービスへのお申し込みをいただく必要がございます。詳しくは以下のページをご覧ください。

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    「デジタル・フォレンジック」から始まるセキュリティ災禍論--活用したいIT業界の防災マニュアル

  2. 運用管理

    「無線LANがつながらない」という問い合わせにAIで対応、トラブル解決の切り札とは

  3. 運用管理

    Oracle DatabaseのAzure移行時におけるポイント、移行前に確認しておきたい障害対策

  4. 運用管理

    Google Chrome ブラウザ がセキュリティを強化、ゼロトラスト移行で高まるブラウザの重要性

  5. ビジネスアプリケーション

    技術進化でさらに発展するデータサイエンス/アナリティクス、最新の6大トレンドを解説

ZDNET Japan クイックポール

自社にとって最大のセキュリティ脅威は何ですか

NEWSLETTERS

エンタープライズ・コンピューティングの最前線を配信

ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]