jQuery简单绑定单个事件的方法示例


Posted in jQuery onJune 10, 2017

本文实例讲述了jQuery简单绑定单个事件的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>绑定单个事件</title>
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  <script language="JavaScript">
    $(document).ready(function () {
      $("input[name=event_1]").bind({
        mouseover:function () {
          $("ul").css("display","none");
        },
        mouseout:function () {
          $("ul").css("display","block");
        }
      });
    });
  </script>
</head>
<body>
<h1>壹基金</h1>
<h2>简介</h2>
<p>2007年,李连杰先生创立启动了壹基金。深圳壹基金公益基金会2010年12月3日再深圳注册成立,是中国第一家民间公募基金会。</p>
<h2>战略及策略</h2>
<p>壹基金的公益愿景为"尽我所能,人人公益"。壹基金战略模式为"一个平台+三个领域",即搭建专业透明的壹基金公益平台。</p>
<h2>公益活动</h2>
<ul>
  <li>为爱同行</li>
  <li>关注自闭儿童</li>
  <li>雅安地震救援</li>
</ul>
<input name="event_1" type="button" value="绑定单个事件" />
</body>
</html>

PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考:

javascript事件与功能说明大全:
http://tools.3water.com/table/javascript_event

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
jQuery实现简单聊天室
Feb 08 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery正则验证注册页面经典实例
Jun 10 #jQuery
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 #jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 #jQuery
jQuery为某个div加入行样式
Jun 09 #jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 #jQuery
jQuery Validate表单验证插件实现代码
Jun 08 #jQuery
jquery Ajax实现Select动态添加数据
Jun 08 #jQuery
You might like
php网页后退不再出现过期
2007/03/08 PHP
PHP 中文乱码解决办法总结分析
2009/07/30 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
php使用file函数、fseek函数读取大文件效率对比分析
2016/11/04 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
Javascript学习笔记1 数据类型
2010/01/11 Javascript
Jquery中删除元素的实现代码
2011/12/29 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
写了个监控nginx进程的Python脚本
2012/05/10 Python
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
浅谈Python NLP入门教程
2017/12/25 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
python urllib爬虫模块使用解析
2019/09/05 Python
python连接、操作mongodb数据库的方法实例详解
2019/09/11 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
香港士多网上超级市场:Ztore
2021/01/09 全球购物
Weblogic的布署方式
2013/08/23 面试题
给水排水工程专业毕业生推荐信
2013/10/28 职场文书
应届生财务管理求职信
2013/11/06 职场文书
毕业生找工作推荐信
2013/11/21 职场文书
九年级语文教学反思
2014/02/04 职场文书
会计学自我鉴定
2014/02/06 职场文书
集体婚礼策划方案
2014/02/22 职场文书
机房搬迁方案
2014/05/01 职场文书
励志演讲稿200字
2014/08/21 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android