【读书笔记】【jQuery基础教程】【第三章--事件】
来源:互联网 发布:老师体罚孩子 知乎 编辑:程序博客网 时间:2024/06/06 10:45
1.window.onload事件在所有元素对Javascript都是可操作时触发,
而$(document).ready()在DOM完全就绪并可以使用时调用,
不意味着所有关联的文件都已经下载完毕
2.CSS放在script前面
3.每次调用$(docment).ready()方法时都会向内部行为队列中添加一个新函数,
当页面加载完成时,所有函数都将得到执行,而且按照注册的顺序依次执行
4.可以使用jQuery代替$符号避免冲突,具体方式如下:
5.事件绑定方法:bind
6.标准DOM事件:
blur
change
click
dblclick
error
focus
keydown
keypress
keyup
load
mousedown
mousemove
mouseout
mouseover
mouseup
resize
scroll
select
submit
unload
7.button上可以定义toggle复合事件,.toggle()方法接收两个函数为参数,
分别在奇数次按下和偶数次按下调用。使用.toggleClass()方法可以自动检查该类是否存在
8.用户鼠标指针悬停在某个元素上时,触发该元素的hover事件,
.hover()方法也接受两个函数参数,分别在鼠标指针进入和离开元素时调用
9.jQuery始终在模型的冒泡阶段注册事件处理程序。
10.移除事件处理程序,
11.绑定事件时可以增加命名空间,如:
12.只需要触发一次,随后解除绑定的简写方法.one():
13.利用.trigger()方法可以模拟事件产生,如:
14.$(document).keyup(function(event){
利用.keyup()方法可以监听按键
而$(document).ready()在DOM完全就绪并可以使用时调用,
不意味着所有关联的文件都已经下载完毕
2.CSS放在script前面
3.每次调用$(docment).ready()方法时都会向内部行为队列中添加一个新函数,
当页面加载完成时,所有函数都将得到执行,而且按照注册的顺序依次执行
4.可以使用jQuery代替$符号避免冲突,具体方式如下:
jQuery(document).ready(function($){//这里可以正常使用$}); 或者:jQuery(function($){//使用$的代码});
5.事件绑定方法:bind
$('#switcher-default').bind('click',function(){//具体的操作代码});
6.标准DOM事件:
blur
change
click
dblclick
error
focus
keydown
keypress
keyup
load
mousedown
mousemove
mouseout
mouseover
mouseup
resize
scroll
select
submit
unload
7.button上可以定义toggle复合事件,.toggle()方法接收两个函数为参数,
分别在奇数次按下和偶数次按下调用。使用.toggleClass()方法可以自动检查该类是否存在
8.用户鼠标指针悬停在某个元素上时,触发该元素的hover事件,
.hover()方法也接受两个函数参数,分别在鼠标指针进入和离开元素时调用
9.jQuery始终在模型的冒泡阶段注册事件处理程序。
$('#element').click(function(event){//event.target == this 可以确定DOM中首先接收到事件的元素//event.stopPropagation(); 可以完全阻止事件冒泡//event.preventDefault(); 可以在触发默认操作之前终止事件 });
10.移除事件处理程序,
$('element').unbind('click');
11.绑定事件时可以增加命名空间,如:
$('#element').bind('click.collapse',function(){//具体的操作代码});这样解除绑定代码为:
$('#element').unbind('click.collapse')
12.只需要触发一次,随后解除绑定的简写方法.one():
$('element').one('click',somefunction);
13.利用.trigger()方法可以模拟事件产生,如:
$('#switcher').trigger('click');等同于按了switcher元素
14.$(document).keyup(function(event){
switch(String.fromCharCode(event.keyCode)){case 'D':$('#switcher-default').click();break;case 'N':$('#switcher-narrow').click();break;case 'L':$('#switcher-large').click();break;} });
利用.keyup()方法可以监听按键
- 【读书笔记】【jQuery基础教程】【第三章--事件】
- 《jQuery基础教程》第三章摘记
- 【读书笔记】【jQuery基础教程】【第二章--选择符】
- 【读书笔记】【jQuery基础教程】【第四章--效果】
- 【读书笔记】【jQuery基础教程】【第五章--DOM操作】
- 【读书笔记】【jQuery基础教程】【第六章--AJAX】
- jQuery基础教程学习笔记·第三章
- 《jQuery基础教程》-- 事件
- jQuery基础教程笔记-事件
- 廖雪峰《Python3 基础教程》读书笔记——第三章
- python基础教程读书笔记——第三章 字符串
- jQuery基础教程之jquery事件
- 学习笔记:《jQuery基础教程》第四版第三章课后练习
- 《JQuery基础教程》第四版课后练习代码--第三章
- 锋利的Jquery【读书笔记】 -- 第三章 jQuery中的DOM操作
- jQuery第三章事件与动画
- Android开发艺术探索 读书笔记 第三章 View事件体系
- jQuery基础教程之阻止冒泡事件
- cocos2d-x中修改窗口背景色
- Error "Lock NOT set for: Deleting transaction data selectively"
- Win7 系统美化知识
- 完美解决Android在listview添加checkbox实现单选多选操作问题
- 【读书笔记】【jQuery基础教程】【第二章--选择符】
- 【读书笔记】【jQuery基础教程】【第三章--事件】
- 【读书笔记】【jQuery基础教程】【第四章--效果】
- error C4430: 缺少类型说明符 - 假定为 int。注意: C++ 不支持默认 int
- 【读书笔记】【jQuery基础教程】【第五章--DOM操作】
- 【读书笔记】【jQuery基础教程】【第六章--AJAX】
- Nsight Visual Studio Edition 3.0 Release Candidate 1
- 微软认证考试70-461 Work with Data 数据处理 --27%比重--(3)
- 开源光栅化渲染器SALVIA的漫长五年
- 新的开始