勉強したことのメモ

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
lightboxをファイルアップロードなしで使う(CDN)方法

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

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

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

jquery_logo
jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...

jquery_logo
jQueryで画像を遅延ロードする(jquery.lazyload.js)

画像を遅延ロードさせたい時にはlazyloadが便利。 ■ダウンロード http ...

jquery_logo
classの取り扱い

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

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

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

jquery_logo
テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

jquery_logo
jQueryでボタンをクリックしてクリップボードにコピー

■2015/11/01追記 以下記事でライブラリとか無しで同様の機能がつけられる ...

jquery_logo
jQueryでIPから位置情報の取得

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

jquery_logo
jQuery2.0がリリース

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