Web & AOR Music Blog

I'm Web Front-End Engineer. I like AOR music.

アプリ映像6 (JavaScript3 & jQuery)

■jQuery基礎

(7)さまざまなセレクタを使用する[1] 【jQuery01.html】

$( “#para a”).click( function(){
/* $( “#ttl”).css( “color”, “#00f”); */
$( “#nav li:eq(0)”).css( “color”, “#f60″); //0番目のliの色を変える!
} );

(8)さまざまなセレクタを使用する[2] 【jQuery01.html】

▼0番目のliの色を変える!
$( “#nav li:eq(0)”).css( “color”, “#f60″);

▼奇数番目のliの色を変える!
$( “#nav li:odd”).css( “color”, “#f60″);

▼偶数番目
$( “#nav li:even”).css( “color”, “#f60″);

▼指定した項目よりも小さい less than
$( “#nav li:lt(2)”).css( “color”, “#f60″);

指定した項目よりも大きい greater than
$( “#nav li:gt(1)”).css( “color”, “#f60″);

(9)メソッドを使用する 【jQuery01.html】

▼テキストの変更
$( “#ttl”).text( “デジタルハリウッド関連のスクール”);

▼htmlの追加
$( “#ttl”).html( “

デジタルハリウッド関連のスクール

“);

▼htmlの置き換え
$( “#ttl”).replaceWith( “

デジタルハリウッド関連のスクール

“);

var schoolName = $( “#nav li:eq(0)”).text();
$( “#ttl”).text( schoolName);

(10)jQueryを記述する準備[1] 【jQuery02.html】
(11)jQueryを記述する準備[2] 【jQuery02.html】
(12)show()メソッドを使用する 【jQuery02.html】
(13)アニメーション関連のメソッドを使用する 【jQuery02.html】
(14)アコーディング表現を行う 【jQuery02.html】

(15)アニメーションをメッセージを表示する[1] 【jQuery03.html】
(16)アニメーションをメッセージを表示する[2] 【jQuery03.html】
(17)アニメーションをメッセージを表示する[3] 【jQuery03.html】

(18)プラグイン(ページスクローラー)を使用する[1] 【plugin/index.html】

coliss jQUery プラグイン
  ページスクローラー

 「コリス ページスクローラー」で検索。

コメントは停止中です。

TrackBack :
http://rasiku.com/blog/archives/613/trackback

Copyright © Web & AOR Music Blog, All Rights Reserve.