tamacyaのブック
X でログイン
mindia › tamacyaのブック › 単語

jQueryの基礎

tamasally · 2012-01-02 更新 · 履歴（2）
第 2 版（2012-01-02 21:41:35 · tamasally ）を表示しています。 最新版に戻る

※HTMLとCSSしか触ったことがない人用の解説です。

下記サイトのサンプルスクリプトの説明
（上部のうさぎの吹き出しにロールオーバーすると文字が変化する）
http://semooh.jp/jquery/

$('.semooh a').hover(
function(){ $(this).text('ヌ？'); },
function(){ $(this).text('ヌー'); }//ロールオーバーしてない時
);

$('.semooh a')
変化させる要素を指定
今回の場合は

のリンクに対して//吹き出しの部分ですね!

.hover
変化させるタイミングを指定
今回の場合は、対象にロールオーバーした時

$(this)
今回の場合は$(this)とは$('.semooh a')

.text('ヌ？');
要素内に表示させる文字を指定

「何をどのタイミングでどう変化させたいのか」
下記サイト等で調べてみる。
http://semooh.jp/jquery/

履歴

  • 第 2 版tamasally 2012-01-02 21:41:35
  • 第 1 版tamasally 2012-01-02 21:38:04

他の人の「jQueryの基礎」