安全联盟这种网站建设昆山seo网站优化软件

1       事件

1.1  常见事件总结

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

l  focusin 和 focusout

       focusin获得焦点。js focus。

              focusin事件跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

       focusout失去焦点。js blur。

              focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。

 

l  mouseenter 和 mouseleave

       mouseenter鼠标移入。jsmouseover

              与 mouseover 事件不同，只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素，同样会触发 mouseover 事件。

 

       mouseleave鼠标移出。jsmouseout

              与 mouseout 事件不同，只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。如果鼠标指针离开任何子元素，同样会触发 mouseout 事件。

 

1.2  页面加载

l  方式1：标准api

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

l  方式2：简化版

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

l  源码分析（了解） 

步骤一：回顾js 函数创建

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

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

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

      

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

      

      

步骤三：

      

       总结：

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

 

1.3  事件绑定

1.3.1   处理

 

bind(type ,fn)  给当前对象绑定一个事件。例如：A.bind("click", fn ); 类型：A.click( fn);

unbind(type ) 解绑bind绑定事件

 

one(type ,fn ) 给当前对象绑定一次事件。

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

on(events , fn) 提供绑定事件处理程序所需的所有功能。完成3个方法功能.bind(), .delegate(), 和 .live().

off(events) 解绑

 

trigger(type) 在每一个匹配的元素上触发某类事件。例如：A.trigger("submit")  ,类似 A.submit();

triggerHandler(type) 在每一个匹配的元素上触发某类事件。但不会执行浏览器默认动作，也不会产生事件冒泡。

 

1.3.2   委派

live(type , fn) 绑定事件，之后动态添加同样的成员，也具有相同的事件。

die(type) 解绑事件

 

 

 

1.3.3   切换

hover(over , out)

       简化版，鼠标移入和移出  ，A.mouseover( fn ).mouseout( fn) 简化 A.hover( fn, fn )

toggle( fn , fn , fn ,...) 执行click事件，每点击一次执行一个fn