search

fr-itaya / training

0 stars 0 forks source link

フロントエンド - JavaScript/jQuery - イベント操作 #49

Closed fr-sato closed 10 years ago

fr-sato commented 10 years ago

■目的

jQueryでのイベント操作について学びます。

■課題1

jQueryでのイベントの種類を5つ程度あげてください。

■課題2

jQueryのクリックイベントとDOM操作を用いて文字の変更をして下さい。

jQueryのホバーイベントとDOM操作を用いて背景色の変更をして下さい。

fr-itaya commented 10 years ago

本課題は計5時間とします。 開始時刻は追ってコメントにてお知らせします。

内訳
fr-itaya commented 10 years ago

18:00開始、夜礼まで課題1に着手します。

fr-itaya commented 10 years ago

■課題1

イベントとは
$(function() {
  $('selectorA').methodB(function() {
    $('selectorC').methodD()
  });
});

「AをBしたときCをDする」といった具合。

jQueryでのイベントの種類(一例)
イベントメソッド カテゴリ 効果
.click マウスイベント クリックした時に実行
.mouseover マウスイベント マウスを当てた時に実行
.keypress キーイベント キーが押下された時に実行
.blur フォームイベント フォーカスが外れた時に実行
.resize ブラウザイベント ブラウザウィンドウの大きさを変えた時に実行
fr-sato commented 10 years ago

課題1はOKです。

fr-itaya commented 10 years ago

本日は17：00開始、夜礼までの間と明日にかけて課題2に取り組みます！