javascript jQuery

featherlight.jsはlightbox系のライブラリなので、href先をajaxで(iframeも可)で読み込んでくるのが基本。 あるいは、同一ドキュメントのhtmlエレメントでも良い。この場合data-feather属性を...

コンソールなどで実行して、cssのかかっていない裸の姿を見たいときに（そんな時があるのか） jQuery.each(jQuery.makeArray(document.styleSheets), function(){ ...

ボタン等でname="submit"というのがあると、それだけで誤動作する。 盲点だった！

jQueryが素敵なのは、こんな3行だけで開閉式メニューが出来てしまう。 $('ul li').hover(function(){ $(this).find('ul').slideToggle(500); }); これでも...

jQueryでスムーズに動く階層型ナビメニューしたいとき、jsの感覚でonmouseout , onmouseoverで処理しようとすると、難儀してしまう事がある。 まず、思っても見ないイベントが大量に発生して、収拾がつかなくなる。これは...

inputのname属性でhoge[]というセレクタを使って、jQで操作しようとしたら、アウト hoge\\ とする

とても使いやすくて汎用的なjsコマンドreplace単純な置換もtxt.replace('aaa','bbb')正規表現を使った置換も両方出来るのが嬉しい所。しかし、ちょっとハマったのは、正規表現を使う場合txt.replace('/a/'...

is() の中のクエリと一致したものがあれば、trueを返す。 以下の例では、チェックボックスのチェックが入っているかどうか判定する。 chk = jQuery(this).is(':checked') 実はjQueryでは直接チェッ...

Javascriptの便利なreplaceは、最初の1個しか置換してくれません。 document.write( "this is a test".replace("t", "T")); This is a test この場合、正規表...

IEの場合、要素のIDと、関数名、変数名などがかぶるとエラーになるようだ。どんな場合でもかぶらないようにするのが基本。それだけ

jQueryでエフェクトを作っているとき、「反応が良すぎて」困るときがある。具体的には、リスト項目がスライドダウンしてきて、そのスライドダウンしている最中にマウスに反応し、異様な無限ループに入ってしまう、など。そんな時は、セレクタに:not...