jquery中的事件與動畫

1.滑鼠事件

eg：光棒效果

$(function

() ).mouseout(
function () );
});

3.表單事件

eg：輸入框的文字顯示效果

//

查詢輸入框
$("input[name='search']").focus(function
());
$("input[name='search']").blur(function
());    

bind():繫結事件

01.繫結乙個

$("input[name=event_1]").bind("click",function

() );

$("input[name=event_1]").bind(,

mouseout: 
function
() });

當unbind()不帶引數時，表示移除所繫結的全部事件

5.復合事件

1.hover()方法

hover()方法相當於mouseover與mouseout事件的組合，用於模擬滑鼠指標懸停事件

2.toggle()方法 （在j 1.7後就刪除，不建議使用）

toggle()方法用於模擬滑鼠連續click事件

$("body").toggle(

function () , //
第一次點選觸發
function () , //
第二次點選觸發
function ()  //
第三次點選觸發
...                   //
...);

$('input').toggle(   

function
() ,
function
()   );

show() 在顯示元素時，能定義顯示元素時的效果，如顯示速度

$(".tipsbox").show("slow");//

以較慢的速度顯示元素

$(".tipsbox").hide("slow");//

以較慢的速度隱藏元素

eg：

$('input').bind('click', function

()  
else
})

toggle()除了可以模擬滑鼠的連續單擊事件外，還能用於切換元素的可見狀態

$("li:gt(5):not(:last)").toggle();//

是隱藏則顯示，是顯示則隱藏

fadein()和fadeout()可以通過改變元素的透明度實現淡入淡出效果

$("input[name=fadein_btn]").click(function

());
$("input[name=fadeout_btn]").click(function
());

slidedown() 可以使元素逐步延伸顯示，slideup()則使元素逐步縮短直至隱藏

$("h2").click(function

());

JQuery事件與動畫

事件綁用快捷方式 button first click function 使用on繫結事件 使用on進行單事件繫結 button on click function 使用on同時為多個事件，繫結同一函式 button on mouseover click function 呼叫函式時，傳入自定義引數...

JQuery的事件與動畫

toggle 方法的用法 toggle 方法用於模擬滑鼠連續單擊事件。執行為 第一次單擊執行第乙個函式，第二次單擊時執行第二個函式，可以重複呼叫，編寫網頁或新聞時，如有標題需要對其進行解釋時可以使用toggle 方法。如下 function function 中的標題就是我們要處理的乙個事件，我們可...

JQuery的事件與動畫

toggle 方法的用法 toggle 方法用於模擬滑鼠連續單擊事件。執行為 第一次單擊執行第乙個函式，第二次單擊時執行第二個函式，可以重複呼叫，編寫網頁或新聞時，如有標題需要對其進行解釋時可以使用toggle 方法。如下 js 收藏 function function 中的標題就是我們要處理的乙個...