1?????? 事件

1.1??常見(jiàn)事件總結(jié)

l? jQuery 提供額外的事件，用于完善javascript缺失的

l? focusin 和 focusout

?????? focusin獲得焦點(diǎn)。js focus。

????????????? focusin事件跟focus事件區(qū)別在于，他可以在父元素上檢測(cè)子元素獲取焦點(diǎn)的情況。

?????? focusout失去焦點(diǎn)。js blur。

????????????? focusout事件跟blur事件區(qū)別在于，他可以在父元素上檢測(cè)子元素失去焦點(diǎn)的情況。

?

l? mouseenter 和 mouseleave

?????? mouseenter鼠標(biāo)移入。jsmouseover

????????????? 與 mouseover 事件不同，只有在鼠標(biāo)指針穿過(guò)被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。如果鼠標(biāo)指針穿過(guò)任何子元素，同樣會(huì)觸發(fā) mouseover 事件。

?

?????? mouseleave鼠標(biāo)移出。jsmouseout

????????????? 與 mouseout 事件不同，只有在鼠標(biāo)指針離開(kāi)被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。如果鼠標(biāo)指針離開(kāi)任何子元素，同樣會(huì)觸發(fā) mouseout 事件。

?

1.2??頁(yè)面加載

l? 方式1：標(biāo)準(zhǔn)api

$(document).ready(function(){});
等效
jQuery(document).ready( fn );

l? 方式2：簡(jiǎn)化版

$(function(){
});
登錄
jQuery(function(){
});

l? 源碼分析（了解）?

步驟一：回顧js 函數(shù)創(chuàng)建

?????? 方式1：function abc(){};?? abc();

?????? 方式2：var abc = function(){} ;??abc();

?????? $(fn )? == jQuery( fn )? == new jQuery.fn.init( fn )

??????

步驟二： init( fn)? -->?rootjQuery.ready( fn )

??????

??????

步驟三：

??????

?????? 總結(jié)：

????????????? $(fn )? --> init( fn )? --> jQuery(document).ready( fn )

?

1.3??事件綁定

1.3.1?? 處理

?

bind(type ,fn)? 給當(dāng)前對(duì)象綁定一個(gè)事件。例如：A.bind("click", fn );?類型：A.click( fn);

unbind(type ) 解綁bind綁定事件

?

one(type ,fn ) 給當(dāng)前對(duì)象綁定一次事件。

-----------------------------------------

on(events , fn) 提供綁定事件處理程序所需的所有功能。完成3個(gè)方法功能.bind(), .delegate(), 和 .live().

off(events) 解綁

?

trigger(type) 在每一個(gè)匹配的元素上觸發(fā)某類事件。例如：A.trigger("submit")? ,類似 A.submit();

triggerHandler(type) 在每一個(gè)匹配的元素上觸發(fā)某類事件。但不會(huì)執(zhí)行瀏覽器默認(rèn)動(dòng)作，也不會(huì)產(chǎn)生事件冒泡。

?

1.3.2?? 委派

live(type , fn) 綁定事件，之后動(dòng)態(tài)添加同樣的成員，也具有相同的事件。

die(type) 解綁事件

?

?

?

1.3.3?? 切換

hover(over , out)

?????? 簡(jiǎn)化版，鼠標(biāo)移入和移出? ，A.mouseover( fn ).mouseout( fn)?簡(jiǎn)化 A.hover( fn, fn )

toggle( fn , fn , fn ,...) 執(zhí)行click事件，每點(diǎn)擊一次執(zhí)行一個(gè)fn

?