【jQuery入門】イベントオブジェクトを活用する
イベントオブジェクトとは
イベントオブジェクトとは、イベントが発生したときのさまざまな情報を詰め込んだ箱で、イベントが発生したときにブラウザが自動的に情報を収集して、オブジェクトにセットしてくれる
イベントオブジェクトを利用 ...
【jQuery入門】画像が読み込めない場合のエラー処理を実装する(エラーハンドリング)
画像ロードに失敗した場合に代替画像を表示する
JavaScriptでは、ページでなんらかのエラーを検知した場合に、errorイベントを発生します。なんらかのエラーとは、例えばimg要素で存在しない画像パスをした場合など。
以 ...
【jQuery入門】テキストボックスに透かし文字を追加
フォーカスを移動したタイミングで処理を実行する
フォーカスしたときに透かし文字を非表示にする
フォーカスが外れた時に透かし文字を再表示する
サブミットしたときに透かし文字を非表示にする ...
基本的には
初期化処理フォーカスしたときに透かし文字を非表示にする
フォーカスが外れた時に透かし文字を再表示する
サブミットしたときに透かし文字を非表示にする ...
【jQuery入門】マウス操作関連のイベントを理解する
jQueryで利用できるイベント
分類イベント名発生するタイミング
マウスclick要素をクリックしたdblclick要素をダブルクリックしたmousedownマウスのボタンを押したmouseenter要素にマウスポインターが当た ...【jQuery入門】イベント処理の基礎
イベントに対応する処理を記述する
$(function(){...})は以下コードの略
$(document).ready(function () {})$(document)のdocumentはブラウザに表示されているペー ...
【jQuery入門】親子、兄弟要素の間を行き来する
prev/prevAll/next/nextAll/siblings/parent/parents/childrenメソッドを使って、現在の要素を基点として要素を取得する<div id="family"> 祖父 <div& ...
【jQuery入門】要素の挿入や置き換え、削除を行う
wrap, wrapAll, wrapInnerメソッドを使って、要素を他の要素で包み込むそれぞれの要素を包み込む
wrapメソッドは、指定された要素のそれぞれを別の要素で包み込む
<ul id="car"> < ...【jQuery入門】ページに新しいコンテンツを挿入する
文字列からjQueryオブジェクトを作成する
$()関数は、これまで文書の中から特定の要素を取り出すために利用していた。
これは$()関数の最も代表的な使い方ですが、唯一の使い方ではない
HTML文字列からjQu ...
【jQuery入門】テキストやHTMLを設定／取得する
text／htmlメソッドを使って、要素に対してテキストを設定する
指定された要素にテキストを設定する場合は、textメソッドまたはhtmlメソッドを利用する。
text／htmlメソッドはよく似ているが、ひとつ大きく異なる ...
【jQuery入門】HTMLの属性を変更／取得する
attrメソッドで属性の値を設定する
属性の値を設定するには、attrメソッドを使う。引数には、設定したい名前、値の順で指定する
attrメソッドは{属性名: 値, ...}の形式で、複数の属性をまとめて設定することもできる ...