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でボタンをクリックしてクリップボードにコピー
■2015/11/01追記 以下記事でライブラリとか無しで同様の機能がつけられる ...
-
jQueryでformの各種パーツ(テキストボックス等)の操作まとめ
jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...
-
pjaxについてのメモ
ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...
-
日付入力のテキストフォームにカレンダープラグインを導入
やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...
-
NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法
NicEdit(WYSIWYGエディタ)を設置しているサイトがあった。ページ読み ...