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');
関連記事
-
要素の点滅
やりたかった事はaタグ内で囲まれている部分を点滅。 <blink>だ ...
-
jQueryのプラグイン(ColorPicker)でカラーコードを視覚的に選択させる方法
カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...
-
jQueryプラグインでクリップボードにコピーする方法(clipboard.js)
ページ上のボタンをクリックすることで特定の文章をクリップボードにコピーしたかった ...
-
FormDataを使ったAjax通信がiPhoneのみエラー
FormDataオブジェクトを使用したAjax通信するシステムがあり、PCやAn ...
-
jQueryとCSSの連携
$(function(){ $("#change_small").click(f ...