jQuery

$("何を”).どうするのか(引数);

//隠してみよう

$("何を") .hide(引数);

//action

fadeOut　⇔　fadeIn

slideUp　⇔　slideDown

//引数

("slow")

//実例

$(function() {
// 以下で、hideメソッドを用いて<h1>要素を隠してください
$("h1").hide();

});

・classとidの違い

class　複数

id　一回

css

/*引用の仕方が違う*/

# id

.class

・行動を起こしたときに発動するよ

$("").イベント名(function(){

});

・クリックの有無でイベントがおこる

html

<div id="hide-text">説明を隠す</div>

<p id="text">ボタンをクリックすると現れます</p>

 css

$("#hide-text").click(function(){

$("#text").hide();

});

//実例

$(function(){
// 「#hide-text」要素に対するclickイベントを作成してください
$("#hide-text").click(function(){
$("#text").slideUp();
});

});

・CSSとjQuery絡み

$("何を").css("プロパティ名","値");

・hover動作

$("何を").hover(

function(){

//マウスを乗せたとき

}.

function(){

//マウスを外した時

}

);