勉強したことのメモ

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のappendとprepend

よく忘れるのでメモ。 ■append(後ろに足す) http://semooh. ...

FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード

FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...

スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア

タブレット&スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...

FullCalendarでラベル毎に表示切替したい

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

jQuery.uploadでリアルタイムプレビュー

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

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...

jQueryでボタンをクリックしてクリップボードにコピー

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

要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

jQueryのプラグインでカラーコードを視覚的に選択

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