基本イベント

by goropoo

HTML

<p id="ho"><a href="javascript:void(0);">push</a></p>
<ul>
<li><a href="fefefe">1111</a></li>
<li>2222</li>
<li>3333</li>
<li>4444</li>     
</ul>

CSS

p{margin-bottom:50px;}
ul{border:solid 1px #333333; width:200px;}
ul li{background-color:#FF3333;}

JavaScript

$('ul').hide();
$('#ho').bind('click',function(){    
    if($('ul').css('display')!=='none'){
       $('ul').slideUp();
    }else if($('ul').css('display')==='none'){
     $('ul').slideDown(200);
    }  
});



/*
$('ul').hide();
$('#ho').bind('click',function(){
    $('ul').slideToggle(1000);        
});*/



//$('p').html('<img src="imgs / memeta.gif " alt="" />');
//$('p').attr('src','dog.jpg');
//$('#box').addClass('hoge');　クラスを追加する
//$('#box').removeClass('hoge');　クラスを削除する。
//$('#box').show();
//$('#box').hide();
//$('#box').fadeIn();フェードイン
//$('#box').fadeOut();フェードアウト
//$('#box').fadeTo();　
//$('#box').slideDown();
//$('#box').slideUp();
//$('#box').slideToggle();


//バインドするイベント
/*
"blur", "focus", "load", "resize", "scroll", "unload", "click", "dblclick", "mousedown", "mouseup", "mousemove", "mouseover", "mouseout", "mouseenter", "mouseleave", "change", "select", "submit", "keydown", "keypress", "keyup", "error"
*/

//エスケープシーケンス
/*
¥b    バックスペース
¥t    水平タブ
¥v    垂直タブ
¥n    改行
¥r    復帰
¥f    改ページ
¥'    シングルクオーテーション
¥"    ダブルクオーテーション
¥¥    ¥文字
¥0    NULL文字
¥xXX    2桁のXX(16進数)が表すLatin-1文字
¥uXXXX    4桁のXXXX(16進数)が表すUnicode文字
*/ 

//算術演算子
/*
+    加算    2つの数値の和を求める（足し算）
-    減算    2つの数値の差を求める（引き算）
*    乗算    2つの数値の積を求める（掛け算）
/    除算    2つの数値で除算を行う（割り算）
%    余剰    2つの数値で除算を行い、その余りを求める
++    インクリメント    変数の値を1つ増やす
--    デクリメント    変数の値を1つ減らす
*/

//比較演算子
/*
<    小なり    a < 5 の場合、5未満なら真、5以上なら偽とする
<=    以下    a <= 5 の場合、5以下なら真、5以上なら偽とする
>    大なり    a > 5 の場合、5以上なら真、5以下なら偽とする
<=    以上    a >= 5 の場合、5以上なら真、5未満なら偽とする
==    等しい    a == 5 の場合、aが 5なら真、それ以外を偽とする
!=    等しくない
*/


//論理演算子
/*
&&    論理積    2つ値の論理積を求める（２つが真の場合真）
||    論理和    2つ値の論理和を求める
!    倫理否定    指定された値の論理否定を求める
?    条件    条件が真なら1つ目の文、偽なら2つ目の文を実行する
,    カンマ    2つの式を続けてに実行する
*/


//代入演算子
/*
=    代入    値を変数に代入する（数値、文字列を含む）
+=    加算    指定された値を加算して変数に代入する
-=    減算    指定された値を減算して変数に代入する
*=    乗算    指定された値を乗算して変数に代入する
/=    除算    指定された値を除算して変数に代入する
%=    余剰    指定された値で除算し、余りを変数に代入する
*/