勉強したことのメモ

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

jQueryのCSS変更

      2014/07/02

jQueryCSSを触る際、

$("#aaa").css('height','500px');

みたいに書いていたけど、

・予め複数変えられる書き方にしておく
 ⇒変更時に楽

・px指定はせず数値だけにしておく
 ⇒必要に応じて演算が出来る

にしといた方が良いと助言を頂いたのでメモ。

$('#test').css(
    {
        height: 200,
        width: 200,
        'background-color': '#ff0000'
    }
);

尚、数値に関してはクオーテーションとかで
括らなくても良いとのこと。

背景色は括らないとエラーが出た。

 - CSS, jQuery

  関連記事

javascript_logo_unofficial-300x300
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

jquery_logo
jQueryで高速化

高速化について調べる機会があったのでメモ。 ------ ・セレクタはclass ...

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

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

jquery_logo
safariのみスクロール関連のイベントが発火しない

jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていた ...

images
ページング用CSS

div.pageNav { //これなくてもいいかも。 clear: both; ...

jquery_logo
Ajaxで画像のアップロード(jquery.upload)

業務中に画像の選択後、アップロードボタンを押して画像のアップ、 その後フォームの ...

images
CSSでマウスカーソルの変更

マウスカーソルはCSSで任意に決められるみたい。 リンク時に一律させた方がよいと ...

images
imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...

jquery_logo
POP広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

images
LINE風のふきだしデザイン

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