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