勉強したことのメモ

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

jQueryのCSS変更

      2014/07/02

jQueryCSSを触る際、

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

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

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

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

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

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

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

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

 - CSS, jQuery

  関連記事

CSSとJavaScriptでテキストのコピー防止

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

formのsubmitをボタンを無くしたり画像をつけたりCSSで装飾

aタグになっていたところをsubmitボタンに変えてほしいという修正依頼があった ...

デザイン等のカラーの組み合わせを簡単に決める方法

サイト作成時にメインカラーとそれにマッチする組み合わせを考える必要があった。デザ ...

lightboxをファイルアップロードなしで使う(CDN)方法

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...

CSSのdisplayについて

よく使うdisplayだけれども、noneとblock以外で 初めて使うことがあ ...

画像アップロード前の時点で画像が選択されているか確認

やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...

スマホ用の有料デザインテンプレが9月内は無料でもらえた

envatomarketでスマホ用の有料デザインテンプレートが2014年9月内に ...

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

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

jQueryで新しく追加した要素に対してイベントがきかない場合の対応

jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...

javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...