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個処理走らせてるみたい。
こういう使い方は知らなかったので使っていく。
関連記事
-
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4.4.4&Bootstrap&jQuer ...
-
テキストエリアを選択すると中身を全選択状態にする方法
テキストエリアやテキストボックスの中に文字が書いてあり、ドラッグをしなくても、そ ...
-
jQueryで電話番号チェック
やりたかったことはjavascriptかjQueryで 電話番号のバリデート。 ...
-
他サイトのRSS情報を画像付きで表示させる
WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...
-
Dropzone.jsを使って画像をドラッグ&ドロップでアップロードする方法
画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にDro ...