勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

classの取り扱い

   2014/07/03  jQuery

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でボタンをクリックしてクリップボードにコピー

■2015/11/01追記 以下記事でライブラリとか無しで同様の機能がつけられる ...

jQueryでformの各種パーツ(テキストボックス等)の操作まとめ

jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...

pjaxについてのメモ

ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...

日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法

NicEdit(WYSIWYGエディタ)を設置しているサイトがあった。ページ読み ...