JQuery_事件
来源:互联网 发布:淘宝退款发空包教程 编辑:程序博客网 时间:2024/06/05 00:57
1. 页面加载完毕事件
在页面加载完毕后,浏览器会通过JavaScript为DOM元素添加事件。在常规的JavaScript代码中,通常使用Window.onload方法,在JQuery中使用$(document).read方法。
2. 事件绑定
我们除了可以直接为页面增加事件,也可以利用bind()为元素来绑定事件。
语法:bind(type,[data],fn)
type参数提供可以绑定的事件有:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error。
3. 事件解绑
bind()的反向操作,从每一个匹配的元素中删除绑定的事件。这是解绑所有的事件。 例如:$("input").click(function(){
$("#panel h5.head").unbind("mouseout");
})
4. 移除指定事件指定函数
<script language="JavaScript"> $(function(){ function event(){ var $content = $(this).next("div.content"); if($content.is(":visible")){ $content.hide(); }else{ $content.show(); } } $("#panel h5.head").bind("click",event) $("input").click(function(){ $("#panel h5.head").unbind("click",event); }) })</script>
5. 事件切换hover()
一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。
<!--例子--><script language="JavaScript"> $(function(){ $("#panel h5.head").hover(function(){ $(this).next("div.content").show(); },function(){ $(this).next("div.content").hide(); }) }) </script>
6. 事件切换:toggle()
每次点击后依次调用函数。
<!--例子--> <script language="JavaScript"> $(function(){ $("#panel h5.head").toggle(function(){ $(this).next("div.content").show(); },function(){ $(this).next("div.content").hide(); }) }) </script>
阅读全文
0 0
- JQuery_事件
- Jquery_事件
- jQuery_事件处理
- jquery_$.ajax
- jQuery_动画
- jQuery_选择器
- jQuery_样式
- JQuery_过滤器
- Jquery_选择器
- JQuery_基础
- JQuery_可编辑表格
- JQuery_弹出菜单
- JQuery_窗口弹出效果
- jquery_笔记_Ajax
- jQuery_统计图插件-flot
- jQuery_统计图插件-jscharts
- jQuery_统计图插件-visifire
- jQuery_统计图插件-jfreechart
- JAVA 中重载和重写的区别
- 形式参数和返回值
- python 描述符
- 如何撰写好文档?精益文档的六个实践
- I am a volunteer
- JQuery_事件
- 从应用角度看Android源码
- 朴素贝叶斯算法的简单理解
- linux常用命令
- POJ.3279 Fliptile (搜索+二进制枚举+开关问题)
- 第一天阅读源码
- 【HDU 1035】Robot Motion(DFS)
- SpringBoot11-springboot-springboot概述
- Centos 7.3搭建LNMP环境