勉強したことのメモ

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のプラグインでカラーコードを視覚的に選択

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

prototypeとjqueryの競合

ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...

ajaxのエラー詳細を取得する

success or errorで分岐処理はできるけど、 エラー詳細取れないの? ...

getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...

POP広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

jQuery2.0がリリース

リリースされたとのこと。 http://blog.jquery.com/2013 ...

jQueryプラグインを作成する方法

jQueryのプラグインを作ってみたかった。 というのも大抵のものはググったらあ ...

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

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

lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...

AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...