学科・JavaScript基礎④

・1限目「学科・JavaScript基礎」
(JavaScript基礎)

・2限目「学科・JavaScript基礎」
(JavaScript基礎)

・3限目「学科・JavaScript基礎」
(JavaScript基礎)

・4限目「学科・JavaScript基礎」
(JavaScript基礎)

・5限目「学科・JavaScript基礎」
(JavaScript基礎課題)

JavaScript基礎

jQueryについて
Webデザイナーに人気のJavaScriptライブラリ
  • 外部ライブラリを読み込むには、<script>タグのsrc属性でパスを記述する
  • HTMLファイルの読み込みが完了すると呼び出される、jQueryのreadyメゾット
  • jQueryの命令は、「$(‘セレクタ’),メゾット」の形式で実行する
  • サンプルページ[11-3]
  • jQueryオフィシャルサイト
  • $(document).ready(関数);
ライブラリを活用したアニメーション
jQueryで簡単アニメーション
  • フェードイン/フェードアウトを行う、fadeIn/fadeOutメゾット
  • スタイルシートの任意のプロパティを変更できる、animateメゾット
  • クリックした座標を格納する、pageX/pageYプロパティ
  • サンプルページ[11-4]
メソッド 概要
show/hide 要素を表示/非表示
toggle 要素の表示/非表示を交互に切り替え
slideDown/slideUp 要素をスライドダウン/スライドアップ
slideToggle 要素のスライドダウン/スライドアップを交互に切り替え
fadeIn/fadeOut 要素をフェードイン/フェードアウト