menu
ホーム > jquery > jQuery .addClass()

jQuery .addClass()

jQueryリファレンス
jQuery .addClass() | wepicks!


.addClass() 動作内容

jQueryオブジェクト で指定した 要素 に対して addClass( ) の引数で指定した クラス を追加します。引数に、クラス名、function、を指定することが出来ます。function で追加するクラスを操作することが可能です。


.add() 構文

jQueryオブジェクト.addClass(引数)
引数構文返り値Ver
クラス名.addClass(クラス名)jQueryオブジェクトVer1.0
追加するクラスを クラス名 で指定
function.addClass(function)jQueryオブジェクトVer1.4
追加するクラスを function で指定


サンプルコード

.addClass(クラス名)

jQueryオブジェクトで指定している span要素に クラス名 selected を追加しています。selectedクラス が追加されることで、span要素 が赤文字になります。

  • ブラウザ
  • jQuery
  • css
  • body
  • html

– サンプル Click Here ! –

.addClass(クラス名) クリックイベント

jQueryオブジェクトで指定している div要素に クラス名 bg-blue を追加しています。クリックイベントで bg-blueクラス が追加されます。

  • ブラウザ
  • jQuery
  • css
  • body
  • html

– サンプル Click Here ! –


タグ(=記事関連ワード)

タグ: ,

日付

投稿日:2017年7月24日
最終更新日:2018年06月11日

関連記事

このカテゴリの他のページ

この記事へのコメント

トラックバックurl

https://wepicks.net/jqyapi-addclass/trackback/

page top