tamacyaのブック
(185 keywords)

最新日記

RSS
  • 日記はまだありません

tamasally のお気に入り

  • gacky's report gacky's report
  • あきくもちゃのブック あきくもちゃのブック
  • 西小倉事典 西小倉事典
  • 里香のブック 里香のブック

tamacyaのブックのメンバー

  • 西小倉パンデイロ 西小倉パンデイロ
  • 里香 里香
  • なおき なおき
  • gacky gacky
 

jQueryの基礎

0pt

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

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

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

$('.semooh a')
変化させる要素を指定
今回の場合は<div class="semooh">のリンクに対して//吹き出しの部分ですね!

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

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

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


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

「jQueryの基礎」について友人に書いてもらう。

あなたにとって「jQueryの基礎」とは?

ログインするとワンクリックでキーワードを投稿できます

ログインする 新規登録する

お気に入りの説明

0 pt
document.getElementById("hoge"); は $('#hoge') と一緒なので document.getElementById("hoge").innerHTML = fuga; は $('#hoge').html(fuga); だし、 document.getElementB...
もっと読む

他の人の「jQueryの基礎」を見る