JQuery 总结（3） jQuery 各种事件

一，添加事件

1.$("li").click(function () {
$(this).css("background","orange")
})

2. $("li").on("click",function () {
$(this).css("background","orange")
}) 注意如果on改成one 执行一次

3. $("li").on({
"click":function () { $(this).css("background","orange")},
"mouseover":function () { $(this).css("background","pink")},
} )

二，删除事件

1.$("li").off("") 删除所有
2.$("li").off("click")只删除单一事件

三，事件切换

hover（mouseover mouseout 合成）

$("li").hover(function () { fn1，fn2 } 当li鼠标经过覆盖时执行fn1，离开执行fn2

$("span").Toggle(function () {console.log(1)} 切换显示/隐藏

$("span").Toggle( fn1，fn2,fn3,} 1.9版本之前可以点击之后轮流执行后面函数

所有事件：

click 当用户按下并释放鼠标按键或其他方式“激活”元素时触发

contextmenu 可以取消的事件，当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单

dblclick 当用户双击鼠标时触发

mousedown 当用户按下鼠标按键时触发

mouseup 当用户释放鼠标按键时触发

mousemove 当用户移动鼠标时触发

mouseover 当鼠标进入元素时触发

mouseout 当鼠标离开元素时触发

mouseenter 类似mouseover，但不冒泡

mouseleave 类似mouseout，但不冒泡<br><br>focus 焦点状态<br>focusout 失去焦点

1	`keypress() 键盘按下的时候`

1	`<br><br><br>`

JQuery 总结（3） jQuery 各种事件相关推荐

jQuery中blur和focus事件的应用
本文转自:http://blog.csdn.net/gaolinwu/article/details/7240674 jQuery中blur和focus事件的应用一.需求原因在填写表单时需要实现如 ...
jquery flexigrid 增加行双击事件
jquery flexigrid 增加行双击事件 2009-06-23 09:11 在FlexiGrid.js的 =========================================== ...
jQuery的位置信息和事件
一.位置信息 1.宽度和高度获取宽度: .width() 为匹配的元素集合中获取第一个元素的当前计算宽度值.这个方法不接受任何参数..css(width) 和 .width()之间的区别是后者返 ...
在layui中使用 jquery 触发select 的 change事件无效
在layui中使用 jquery 触发select 的 change事件无效使用layui.use监听select事件 <select lay-filter="demo" ...
jQuery中ready与load事件的区别
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. jQuery中ready与load事件的区别概述: 大家在工作中用jQuery的时候一定会在使用之 ...
jquery监听窗口大小改变事件jquery.resizeend
方法一: $(function(){// Bind the resize event. When any test element's size changes, update its// corre ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十) —— jQuery Mobile 默认配置与事件基础
从本文开始,使用 jQuery Mobile 与 HTML5 开发 Web App 系列将会进入第三部分--jQuery Mobile 事件与方法,这其中将会利用之前所讲述的 jQuery Mobi ...
使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础
使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 默认配置与事件基础时间:2012年9月25日分类:JavaScript 标签:HTML5‚ ...
jQuery学习（一）—jQuery应用步骤以及ready事件和load事件的区别
jQuery应用步骤以及ready事件和load事件的区别一.jQuery应用步骤第一步:利用script标签的src属性引入jQuery文档第二步:创建一个script标签,在该script下 ...
JQuery在循环中绑定事件的问题详解
JQuery在循环中绑定事件的问题详解有个页面上需要N个DOM,每个DOM里面的元素ID都要以数字结尾,比如说 ? 1 2 3 <input type="text" nam ...

JQuery 总结（3） jQuery 各种事件

JQuery 总结（3） jQuery 各种事件相关推荐

最新文章

热门文章