jQuery

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

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

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

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

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

以 ...

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

基本的には

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

jQueryで利用できるイベント分類イベント名発生するタイミングマウスclick要素をクリックしたdblclick要素をダブルクリックしたmousedownマウスのボタンを押したmouseenter要素にマウスポインターが当たったmouse ...

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

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

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

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

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

wrap, wrapAll, wrapInnerメソッドを使って、要素を他の要素で包み込むそれぞれの要素を包み込む

wrapメソッドは、指定された要素のそれぞれを別の要素で包み込む

<ul id="car" ...

文字列からjQueryオブジェクトを作成する

$()関数は、これまで文書の中から特定の要素を取り出すために利用していた。

これは$()関数の最も代表的な使い方ですが、唯一の使い方ではない

HTML文字列からjQu ...

text／htmlメソッドを使って、要素に対してテキストを設定する

指定された要素にテキストを設定する場合は、textメソッドまたはhtmlメソッドを利用する。

text／htmlメソッドはよく似ているが、ひとつ大きく異なる ...

attrメソッドで属性の値を設定する

属性の値を設定するには、attrメソッドを使う。引数には、設定したい名前、値の順で指定する

attrメソッドは{属性名: 値, ...}の形式で、複数の属性をまとめて設定することもできる ...