スマートイージーライフ

ソースコード<div id="article"> <span class="tiplink" data-tips="人気のJavaScriptライブラリ">jQuery</span>のパッケージは、< ...

ソースコード<ul id="list"> <li><img src="" alt="画像1"/></li> <li><img src="" alt="画像2"/>< ...

ソースコード、サンプル<ul id="error_summary"></ul><form id="form"> <div class="field"> <label for="isbn" ...

　複数のコンテキストメニューを表示する

テーブルの内外それぞれで右クリックをすると、クリックする場所によって異なるコンテキストメニューが表示される

<ul id="menu" class="context"> < ...

イベントオブジェクトとは

イベントオブジェクトとは、イベントが発生したときのさまざまな情報を詰め込んだ箱で、イベントが発生したときにブラウザが自動的に情報を収集して、オブジェクトにセットしてくれる

イベントオブジェクトを利用 ...

画像ロードに失敗した場合に代替画像を表示する

JavaScriptでは、ページでなんらかのエラーを検知した場合に、errorイベントを発生します。なんらかのエラーとは、例えばimg要素で存在しない画像パスをした場合など。

以 ...

フォーカスを移動したタイミングで処理を実行する

基本的には

初期化処理
フォーカスしたときに透かし文字を非表示にする
フォーカスが外れた時に透かし文字を再表示する
サブミットしたときに透かし文字を非表示にする ...

jQueryで利用できるイベント

分類イベント名発生するタイミング

マウスclick要素をクリックしたdblclick要素をダブルクリックしたmousedownマウスのボタンを押したmouseenter要素にマウスポインターが当た ...

イベントに対応する処理を記述する

$(function(){...})は以下コードの略

$(document).ready(function () {})

$(document)のdocumentはブラウザに表示されているペー ...

prev/prevAll/next/nextAll/siblings/parent/parents/childrenメソッドを使って、現在の要素を基点として要素を取得する<div id="family"> 祖父 <div& ...