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 Tree Multiselect使用详解
May 02 jQuery
jquery实现提示语淡入效果
May 05 jQuery
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
JQuery常见节点操作实例分析
May 15 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
Jquery让form表单异步提交代码实现
Nov 14 jQuery
jquery实现进度条状态展示
Mar 26 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jQuery插件实现图片轮播效果
Oct 19 jQuery
jQuery实现本地存储
Dec 22 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编程之高级技巧——利用Mysql函数
2006/10/09 PHP
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
2013/11/14 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
2017/05/22 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
node静态服务器实现静态读取文件或文件夹
2019/12/03 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
python实现音乐下载器
2018/04/15 Python
利用Python如何生成便签图片详解
2018/07/09 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
python监控nginx端口和进程状态
2019/09/06 Python
python switch 实现多分支选择功能
2020/12/21 Python
CSS3哪些新特性值得称赞
2016/03/02 HTML / CSS
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
销售会计工作职责
2013/12/02 职场文书
小露珠教学反思
2014/04/30 职场文书
2014年保安个人工作总结
2014/11/13 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
工作时间证明
2015/06/15 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python