勉強したことのメモ

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

  関連記事

jQueryで関数処理中にブラウザのブロック(intro.js)

Ajaxで処理を行っている間、他の処理を行わせたくなかった。 「now load ...

jQuery UI Datepickerで日本の祝祭日を表示

やりたかった事は、jQueryのカレンダーピッカーで 日本の祝祭日の色を変えると ...

画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にdro ...

jQueryで後から追加された要素にイベントを設定

jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

jQueryの最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...

chardin.jsを利用して注釈を入れる

簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...

CSSのセレクタを一瞬で拾ってくる

↓↓こちらのサイト様 http://css.miugle.info/ 左側のテキ ...

LINE風のふきだしデザイン

LINE風のふきだしデザインでページを作ってほしいと言われた。 CSSはあまり理 ...

要素の表示or非表示

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