【jQuery入門】フォトギャラリーにアニメーション機能を追加する
ソースコード<ul id="list"> <li><img src=" alt="画像1"/></li> <li><img ...
【jQuery入門】フォームの入力検証機能を実装する
ソースコード、サンプル<ul id="error_summary"></ul><form id="form"> <div class="field& ...
【jQuery入門】イベントオブジェクトを極める
複数のコンテキストメニューを表示する
テーブルの内外それぞれで右クリックをすると、クリックする場所によって異なるコンテキストメニューが表示される
<ul id="menu" class="co ...【jQuery入門】イベントオブジェクトを活用する
イベントオブジェクトとは
イベントオブジェクトとは、イベントが発生したときのさまざまな情報を詰め込んだ箱で、イベントが発生したときにブラウザが自動的に情報を収集して、オブジェクトにセットしてくれる
イベントオブジェクトを利用 ...
【jQuery入門】画像が読み込めない場合のエラー処理を実装する(エラーハンドリング)
画像ロードに失敗した場合に代替画像を表示する
JavaScriptでは、ページでなんらかのエラーを検知した場合に、errorイベントを発生します。なんらかのエラーとは、例えばimg要素で存在しない画像パスをした場合など。
以 ...
【jQuery入門】テキストボックスに透かし文字を追加
フォーカスを移動したタイミングで処理を実行する
フォーカスしたときに透かし文字を非表示にする
フォーカスが外れた時に透かし文字を再表示する
サブミットしたときに透かし文字を非表示にする ...
基本的には
初期化処理フォーカスしたときに透かし文字を非表示にする
フォーカスが外れた時に透かし文字を再表示する
サブミットしたときに透かし文字を非表示にする ...
【jQuery入門】マウス操作関連のイベントを理解する
jQueryで利用できるイベント分類イベント名発生するタイミングマウスclick要素をクリックしたdblclick要素をダブルクリックしたmousedownマウスのボタンを押したmouseenter要素にマウスポインターが当たったmouse ...
【jQuery入門】イベント処理の基礎
イベントに対応する処理を記述する
$(function(){...})は以下コードの略
$(document).ready(function () {})$(document)のdocumentはブラウザに表示されているペー ...
【jQuery入門】親子、兄弟要素の間を行き来する
prev/prevAll/next/nextAll/siblings/parent/parents/childrenメソッドを使って、現在の要素を基点として要素を取得する<div id="family"> 祖 ...
【jQuery入門】要素の挿入や置き換え、削除を行う
wrap, wrapAll, wrapInnerメソッドを使って、要素を他の要素で包み込むそれぞれの要素を包み込む
wrapメソッドは、指定された要素のそれぞれを別の要素で包み込む
<ul id="car" ...