勉強したことのメモ

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

jQueryのCSS変更

      2014/07/02

jQueryCSSを触る際、

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

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

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

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

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

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

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

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

 - CSS, jQuery

  関連記事

jquery_logo
スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア

タブレット&スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...

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

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

jquery_logo
jQselectableでセレクトボックスをリッチにする

入力フォームみたいなもので元々はテキストボックス内に 都道府県を入れてもらうとい ...

jquery_logo
Ajaxのクロスドメイン2

PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...

jquery_logo
アコーディオンメニュー

簡単にアコーディオンメニューを導入したい時に 便利に使えたプラグイン。 ■サンプ ...

jquery_logo
リアルタイムプレビュー時の改行とテーブルの上部揃え

■サンプル http://sample.taitan916.info/previ ...

jquery_logo
要素の点滅

やりたかった事はaタグ内で囲まれている部分を点滅。 <blink>だ ...

images
スクロールしても追尾する要素をCSSで作成

コンテンツ内をスクロールしても追尾してくる要素を作成したかった。以前にMeeka ...

jquery_logo
jQuery Alert Dialogsで表示後に処理したい

最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があ ...

jquery_logo
pjaxについてのメモ

ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...