つくる
さがす
ログイン
登録
ゲスト
ログインしていません
ログイン
登録
メニュー
通知
検索
単語帳をつくる
マニュアル
フィードバック
お問い合わせ
開発者を支援
サービス稼働状況
Ankilotについて
ログイン
通知はありません
ホーム
jQuery入門講座_設計力を学ぶデザインドリル
1章:jQuery入門
1章:jQuery入門
暗記
テスト
出力
違反報告
表示設定
お気に入り
フルスクリーン表示
てんてん
2021年06月24日
カード
25
いいね
0
暗記
テスト
出力
広告
単語カード
設定
全面表示
jQueryの3大メリット①=より()、より、()= (),()
より少ない記述で、より多くの処理ができる(write less, do more)②
jQueryの3大メリット②=()間の()=クロスブラウザ
ブラウザ間の差異を吸収、クロスブラウザ
jQueryの3大メリット③=()の書き方が()しているので()や()にも利用しやすい
CSS、共通、デザイナー、コーダー
readyイベントは、ページ全体(画像などを含む)の読込ではなく、()を読み込んだ時点で処理するため、ページを表示する前に様々な準備ができる
ページ構成(DOM要素)
readyイベントの構文①(長い方、正当な書き方)
jQuery(document).ready( ページ構成が読み込まれたら この()内の処理が実行されます。 );
readyイベントの構文②(短い方)
$( ページ構成が読み込まれたら この()内の処理が実行されます。 )
jQueryオブジェクトの構文①(長い方、正当な書き方)
jQuery(セレクタ)
jQueryオブジェクトの構文②(短い方)
$(セレクタ)
インタラクティブなコンテンツを作成するには()が必要
オブジェクトやメソッドだけではインタラクティブにはなれない
イベント
オブジェクトが「()」、メソッドが「()」であるなら、イベントは「()」
誰が、何をする、いつ
イベントとは()や()に応じて発生する情報。
ユーザの操作、状態の変化
イベントの初心者向けの構文はシンプルで利用しやすいが、()に対応できない
動的な要素
イベント構文①(初心者向け)
メソッドの構文と同じ
$(セレクタ).イベント(イベントが発生したときに実行したい処理)
実はメソッド。メソッドによってイベント発生時の処理を定義している
jQueryでは、()()()が基本型となる
誰が(オブジェクト・セレクタ)、いつ(イベント(メソッド=イベントハンドラアタッチメント))、何をする(メソッド(ハンドラ))
テキストを追加するメソッド
text()
イベントの初心者向け構文では動的な要素に対応できない。対策は?
①イベント構文の前で動的な要素を追加する ②上級者向けイベント構文を使う
イベント構文②(上級者向け)
$(調査範囲).on("イベント名",”セレクタ”,イベントで実行したい処理);
動的な要素に対応するため、onメソッドは()ごとに()するため、負荷が高くなる。これを軽減するために()がある。
イベントが発生する、htmlの構成をチェック、調査範囲
初心者向けのイベント構文は、()しないため負荷は()
最初のイベント発生時にしかチェック、軽い
何らかの処理が実行されたときに実行される処理を?
ハンドラ
イベント発生時に実行される処理のことを?
イベントハンドラ
イベント構文の「イベント部分(click()など)」のことで、イベントハンドラを結びつけるメソッドのことを?
イベントハンドラアタッチメント
()はjQueryの基本構文。どの文もこの形になっている。
イベント構文、基本構文
すべてのjQueryの構文は、()と()の2つの書き方しかないといっても過言ではない
初心者向けのイベント構文、上級者向けのイベント構文
マウスオーバーイベント時、マウスアウトイベント時のイベントハンドラアタッチメントと言えば?
hover(マウスオーバー時のハンドラ,マウスアウト時のハンドラ);
広告
コメント
コメントを送信
単語帳を共有
Twitter
LINE
はてな
アプリ
QRコード
URLコピー
キャンセル
表示設定
文字の色
デフォルト
白
シルバー
グレー
黒
赤
オレンジ
黄
黄緑
緑
水
青
紫
ピンク
文字の太さ
デフォルト
太字
文字の大きさ
デフォルトの文字サイズに加算・減算します。
px
チェック済を非表示
暗記でチェックをつけたカードを非表示にします。
カードの一部を隠す
カードの一部を指定して隠します。
表の文字
表のヒント
表の画像
裏の文字
裏のヒント
裏の画像
設定を適用する
つくる
さがす
ホーム
リスト
メニュー