jQueryで非表示にする

jQueryを使って非表示にするには

<div id="box1" class="box">this is box1.</div>
<div id="box2" class="box">this is box2.</div>
<div id="box3" class="box">this is box3.</div>

id指定だと

$('#box1').hide();

boxクラスで全部非表示にだと

$('.box').each( function() { $(this).hide(); } );

シンプルにこれでもいい

$('#box1').css('display', 'none');
$('.box').each( function() { $(this).('display', 'none'); } );

au walletカードの残高を使い切る

2014年のうちはチャージしたらお得なau walletカードでしたが、2015年になってあんまりおいしくないので、使うのやめました

が、チャージ形式なので端数が使い切れない

ここで残高確認
https://wallet.auone.jp/

auwallet

47円残ってる..
使い切ります

amazonギフトカード、Eメールタイプを買います

なんとこれ、15円から買えます
金額入力して、クレジットカードにau walletを追加登録して..

amazon-47yen

購入、しばらくしたらメールが届きます

amazon-giftcard

Amazonアカウントへチャージされます
使いきれてすっきり

z-indexで下になっているものをクリックする

html、cssあたりの話です

オブジェクトがかぶっていて、z-indexで下になっているものをクリックしたかったので調べました
どんぴしゃのコードを発見

http://jsfiddle.net/LNwHV/1/

cssのプロパティ、pointer-events に none を上のオブジェクトに設定すればイベントが発生せず、下のオブジェクトのイベントにアクセスできます

ただ対応ブラウザが
http://caniuse.com/#search=pointer-events
な感じ

IE10以下がなければ使えるのですが..