1、當單擊元素時，發生 click 事件

$('div').eq(0).click(function()
{
     $(this).css('color', 'red');
})

2、當元素的值改變時發生 change 事件（僅適用於表單欄位）。

$('input[name=userName]').change(function(){
	$(this).css('background', 'red');
})

3、當滑鼠指標離開被選元素時，會發生 mouseover 事件。
4、當滑鼠指標離開被選元素時，會發生 mouseout 事件。

$('div').eq(1).mouseover(function()
{
     $(this).css('color', 'red');
})
$('div').eq(1).mouseout(function()
{
     $(this).css('color', 'blue');
})
 

5、hover() 方法規定當滑鼠指標懸停在被選元素上時要執行的兩個函式。

$('div').eq(2).hover(function()
{
      $(this).css('color', 'red');
 },
 function()
 {
      $(this).css('color', 'blue');
 })

6、focus() 當元素獲得焦點時（當通過滑鼠點選選中元素或通過 tab 鍵定位到元素時），發生 focus 事件。

if($('#passWord').val() == '')
{
     $('#passWord').focus();
}

7、當鍵盤鍵被按下時發生 keydown 事件。
8、當鍵盤鍵被鬆開時發生 keyup 事件。
使用 event.which 屬性來返回哪個鍵盤鍵被按下

$('#email').keydown(function(){
	$(this).css('color', 'pink');
 })
 $('#email').keyup(function(){
      $(this).css('color', 'green');
 })
 $(document).keydown(function(){
      //alert(event.which);
 })

9、顯示show() 隱藏hide()

$('#show').click(function()
{
      $('div').eq(3).show();
})
$('#hide').click(function()
{
      $('div').eq(3).hide();
})
 

10，淡入淡出效果
fadeIn() 用於淡入已隱藏的元素。
fadeOut() 方法用於淡出可見元素。
fadeToggle() 如果淡出，則淡入，如果淡入，則淡出。
fadeTo() 方法允許漸變為給定的不透明度（值介於 0 與 1 之間）

$('#fadeIn').click(function()
{
       $('div').eq(4).fadeIn(5000);
 })
 $('#fadeOut').click(function()
 {
       $('div').eq(5).fadeOut(5000);
 })
 $('#fadeToggle').click(function()
 {
       $('div').eq(6).fadeToggle(5000);
       /* 設定透明度
       $('div').eq(6).fadeTo(3000,0.4);
       */
 })

11滑動效果
slideDown()：方法用於向下滑動元素。
slideUp()：方法用於向上滑動元素。
slideToggle()：可以在 slideDown() 與 slideUp() 方法之間進行切換。

function navJump(leif){
    if(leif=='userManage'){
      $('.column').eq(0).slideToggle('fast');
    }
  }