勉強したことのメモ

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.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...

bootstrap-datetimepickerについて

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、 普通のセレクト ...

jQuery Alert Dialogsで表示後に処理したい

最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があ ...

safariのみスクロール関連のイベントが発火しない

jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていた ...

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

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

jQueryで年月日と時間のピッカー(datetimepicker)

jQueryで年月日と時間を選択できるピッカーを導入したかった。以前にboots ...

画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...

jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

jQueryでのやりたい事

フォーム周りをよく使うのでまとめておく。 ・テキストボックスのvalue取得、書 ...