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個処理走らせてるみたい。
こういう使い方は知らなかったので使っていく。
関連記事
-
Flashを用いずJavaScriptでコピー&カット機能を実装する方法
以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...
-
Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)
やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...
-
javascriptやjQueryで画像を書き換えても変わらない場合
けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...
-
jQueryで新しく追加した要素に対してイベントがきかない場合の対応
jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...
-
要素の表示or非表示
今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...