jq——事件
http://www.w3school.com.cn/jquery/jquery_ajax_intro.asp
$(document),$(body)
加载事件:
$(document).ready(fn)
$(document).ready(function(){ alert("这是加载事件"); });
简写:$(function(){});工作中简写比较多
js:window.onload=fn 把页面上的DOM和资源加载完成之后执行
jq:$(document).ready(fn) 把页面的DOM加载完成之后就会执行
jq来源于js,超越js
事件切换
hover(hover,out);
事件:
1 $(selector).click(fn):selector的点击事件会触发fn
2 $(selector).dblclick(fn):selector的双击事件会触发fn
$("input").dblclick(function() { alert("hhhh"); });
3 $(selector).focus():获得焦点事件
4 $(selector).blur():失去焦点事件
5 $(selector).chang():发生改变
6 $(selector).mousover:鼠标放上
7 $(selector).mouseout:鼠标离开
8 $(selector).mousedown:鼠标抬起
9 $(selector).mouseup:鼠标移动
10 $(selector).mousemove:鼠标移动
js中的事件都带有on,而jq没有
鼠标移动案例
事件处理
1 bind("action",fn) 绑定,所以版本都支持
2 如果多个事件:bind({"mouseover":fn1,"mouseout":fn2});
3 unbind("action")解除绑定,没有参数意味着全部解除
$("div").unbind();
只解除一个:$("div").unbind("mouseout");
4 on:也是绑定(同上)
$(select).on("action",function(){});
5 off:解绑
6 one:绑定事件只会执行一次
$("#d3").one("click",function(){ alert("one"); });
bind和on是重点
查找
1 $(selector).parent(),查找父元素
$("p").parent().css("background":"red");
2 $(selector).find(a);在selector中找a元素
$("div").find('p').css({background:"red"});
最新文章
- iOS automaticallyAdjustsScrollViewInsets
- 常见sizeof 笔试题
- WPF DataGrid绑定及列居中
- 链队列的C/C++实现
- SQL书写规范及常用SQL语句
- 手机h5 页面 iPhone 下 手机号码 蓝色字体 黑色字体
- 每天一个小算法(matlab armijo)
- iOS ARC基本原理
- JavaScript代码调试
- ubuntu desktop 开机 连接网络
- Winfroms---看看吧客官~
- 强制不使用“兼容性视图”的HTML代码(转)
- web.config中的configSource
- zabbix监控概念
- BEAM188和LINK180简单实例
- Python的随机数模块
- Python语言中的按位运算
- PHP注册器模式
- python flask大型项目目录
- 一些简单二分题,简单的hash,H(i),字符串题