jQuery 介紹(三)Event

  • bind – 將符合的物件綁定一個事件
  • 不含 class=button 和 Reset 的 button 物件,綁定 click 事件(先將所有有 id 的表格隱藏,再顯示同樣 ID 名稱的表格)

    $(':button:not(".button"):not(".Reset")').bind("click",function(){
    $("table[id]").hide();
    $("#"+$(this).attr('class')).show();
    });

繼續閱讀 »

jQuery 介紹(一)選取器

  • animate – 動畫效果
  • animate(params,[duration],[easing],[callback])
    params CSS 語法
    duration 動畫完成 params 的時間。(“slow","normal","fast",微秒)
    easing 內定值 linear 和 swing。(需要外掛)
    callback 當效果完成時只執行一次的 function

    範例(每次往左移動 50px):

    $("#left").click(function(){
    $(".myshow").animate({left: '-50px'},"slow");
    });

繼續閱讀 »