アプリ映像6 (JavaScript3 & jQuery)
2013/3/23 16:42 | Category アプリ開発実践フェーズ | Comment (0)
■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 プラグイン
ページスクローラー
「コリス ページスクローラー」で検索。