1、載入dom
1.1.window事件
window.onload=function(){}.... 時機：其他資源都載入完畢後，再執行
$(function(){}) ……：只是等待標籤完畢，即可執行
區別：① window.onload需在網頁所有內容載入完成之後執行(包括音訊)
文件就緒函式:只需要在網頁dom結構載入以後便執行
② window.onload只能寫乙個，寫多個只會執行最後乙個
文件就緒函式:可以寫多個，也不會被覆蓋
window.onload() = function() $(
function
() );
});$(
function
() );
});
2、jquery中的事件
①事件繫結快捷方式
$("button:first").click(function
());
（1）使用on繫結事件
① 使用on 進行單事件繫結
$("button").on("click",function
())
② 使用on同時為多個事件，繫結同一函式
$("button").on("click mouseover",function
())
③ 呼叫函式時，傳入自定義引數
$("button").on("click",,function
(event),
mouseover:
function
()});
⑤ 使用on進行事件委派：將原本需要繫結到某元素上的事件，改為繫結在父元素乃至根節點上，然後委派給當前元素生效；
作用:預設的繫結方式，只能繫結到頁面初始時已有的p元素，當頁面新p元素時，無法繫結到新元素上；
使用事件委派方式，當頁面新增元素時，可以為所有新元素繫結事件
$(document).on("click","button",function
());
$("button").on("click",function
())$(document).on("click","p",function
());
（2）.off()事件繫結
1、$("p").off():取消所有事件;
2、$("p").off("click"):取消點選事件;
3、$("p").off("click mouseover"):取消多個事件;
4、$(document).off("click","on"):取消事件委派。
off事件繫結的使用方法和on的用法基本都相同，這裡我就不一一贅述了。
（3）、.one()事件繫結
這個one繫結用法什麼的都一樣，就乙個不同使用.one()繫結的函式，只能執行一次
$("button").one("click",function
())
3、動畫
<p>動畫動畫動畫
p>
p
$("p").show(2000,,function())
.hide():讓顯示元素隱藏，與show相反；
.slidedown():讓隱藏元素顯示，效果為從上往下，增加高度；
.slideup():讓顯示的元素隱藏，效果為從下往上，減小高度；
.slidetoggle():讓顯示的隱藏，讓隱藏的顯示
.fadeout():讓顯示元素隱藏，淡出
.fadein():讓隱藏元素顯示，淡入
.fadetoggle():讓顯示的隱藏，讓隱藏的顯示。淡入淡出
.fadeto(時間，透明度，函式)：同fadetoggle,但是多了透明度引數,可以指定顯示的最終透明度
.animate(，動畫時間，動畫效果("linear""swing"),**函式)：自定義動畫。
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 中的標題就是我們要處理的乙個...