勉強したことのメモ

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でIPから位置情報の取得

jQueryのプラグインでお手軽にIPから 位置情報や経度緯度等調べられたのでメ ...

CSSでセンターリング

<center></center>でセンターリングが出来 ...

jQueryでセレクトメニューにcheckedをつける

セレクトメニュー(セレクトボックス)で特定の項目をデフォルトで選択しておきたかっ ...

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

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

jQuery2.0がリリース

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

cssのcontent

テキストが書かれているけど、firebugで要素を見ても 書かれていない。かとい ...

jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

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

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

Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

classの取り扱い

jQueryでclassを扱う際、 //id=aaaにclass=testを付与 ...