学校联网网站建设,保健品网站设计机构,单页网站优化,wordpress糗事百科1 事件
1.1 常见事件总结 l jQuery 提供额外的事件#xff0c;用于完善javascript缺失的
l focusin 和 focusout focusin获得焦点。js focus。 focusin事件跟focus事件区别在于#xff0c;他可以在父元素上检测子元素获取焦点的情况。 focusout失去焦点。js blur。…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 函数创建 方式1function abc(){}; abc(); 方式2var 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
