勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryとCSSの連携

      2014/07/03

$(function(){
$("#change_small").click(function(){
$("#body_size").attr("class","");
$("#body_size").addClass("textSizeS");
});
$("#change_medium").click(function(){
$("#body_size").attr("class","");
$("#body_size").addClass("textSizeM");
});
$("#change_large").click(function(){
$("#body_size").attr("class","");
$("#body_size").addClass("textSizeL");
});
});

id=body_sizeがbodyタグのところ。デザイナーさんが

Classにあわせて文字サイズ変更とかその他の箇所を変えてくれたけど、

よく考えたらjQueryでそのまま文字サイズ変更したら良いんちゃうかと。

あと、

<a href="#" title="タイトル" onClick="check('aaa'); return delete('bbb');">

ってのがあった。オンクリックで2個処理走らせてるみたい。

こういう使い方は知らなかったので使っていく。

 - CSS, jQuery

  関連記事

images
ガラケー(特にdocomo)でのCSS

PCサイトだとIEでつまずくことが多いけど、 ガラケーはdocomoが難儀やよ、 ...

jquery_logo
jQueryでUNIXタイムスタンプの取得

jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...

images
デザイン等のカラーの組み合わせを簡単に決める方法

サイト作成時にメインカラーとそれにマッチする組み合わせを考える必要があった。デザ ...

jquery_logo
jQueryプラグインを作成する方法

jQueryのプラグインを作ってみたかった。 というのも大抵のものはググったらあ ...

jquery_logo
pjaxについてのメモ

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

jquery_logo
bootstrap-datetimepickerについて

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

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

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

jquery_logo
adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

javascript_logo_unofficial-300x300
ajaxのエラー詳細を取得する

success or errorで分岐処理はできるけど、 エラー詳細取れないの? ...

jquery_logo
jQuery2.0がリリース

リリースされたとのこと。 http://blog.jquery.com/2013 ...