勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

classの取り扱い

      2014/07/03

jQueryでclassを扱う際、

//id=aaaにclass=testを付与

$('#aaa').addClass('test');

//id=aaaのclass=testを削除

$('#aaa').removeClass('test');

というのはよく使っていたけど、「id=aaaにclass=testはある?」

と調べたい時があった。

javascriptで取得するしかないかと思ったけれども

リファレンスを確認したところ発見。

■該当リファレンス

http://semooh.jp/jquery/api/traversing/hasClass/class/

■内容

要素集合全てのうちから、引数に指定したクラスを持つ要素が

ひとつでもあればtrueを返す。

■例

$('#aaa').hasClass('test');

で、やりたかった処理はclass=testがあったら削除して、

なかったら付与したいというもの。

今リファレンスを見たらばっちりそのままの関数を発見した。

■該当リファレンス

http://semooh.jp/jquery/api/attributes/toggleClass/class/

■内容

指定したCSSクラスが要素に無ければ追加し、あれば削除する。

■例

$('#aaa').toggleClass('test');

 - jQuery

  関連記事

jquery_logo
jquery.cookie.jsでcookieを取り扱う

機能拡張の依頼があってそのページを見たら jquery.cookie.jsが読み ...

jquery_logo
jQselectableでセレクトボックスをリッチにする

入力フォームみたいなもので元々はテキストボックス内に 都道府県を入れてもらうとい ...

jquery_logo
画像の登録フォームにてjQueryプラグインを用いてWebカメラの映像を撮影させる方法

form内の画像アップロード部分にて、通常であれば画像ファイルを参照させたものを ...

jquery_logo
Ajaxで画像のアップロード(jquery.upload)

業務中に画像の選択後、アップロードボタンを押して画像のアップ、 その後フォームの ...

jquery_logo
FullCalendarでラベル毎に表示切替したい

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

1422186794_sqliteicon
PHPとSQLiteでi-mobileのデータをグラフ化

i-mobileでクリック保証のアフィリエイトだけど数値が並んでいるだけでグラフ ...

jquery_logo
jQueryでjsonデータを処理(parseJSON)

他社が作成したシステムのちょっと改修案件があった。設置したもののどうも動かないと ...

jquery_logo
jQueryのプラグインでカラーコードを視覚的に選択

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...

jquery_logo
FormDataを使ったAjax通信がiPhoneのみエラー

FormDataオブジェクトを使用したAjax通信するシステムがあり、PCやAn ...

110126-HTML5_Logo
formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...