当前位置: 首页 > 编程笔记 >

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

陈项禹
2023-03-14
本文向大家介绍jQuery简单绑定单个事件的方法示例,包括了jQuery简单绑定单个事件的方法示例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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.jb51.net/table/javascript_event

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

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

 类似资料:
  • 本文向大家介绍jQuery hover事件简单实现同时绑定2个方法,包括了jQuery hover事件简单实现同时绑定2个方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery hover事件简单实现同时绑定2个方法。分享给大家供大家参考,具体如下: 这里将hover事件同时挂2个方法: 1个是悬停的时候执行的,另外一个是离开的时候执行 代码如下: PS:上面的代码小编没有进行格

  • 本文向大家介绍jQuery事件的绑定、触发、及监听方法简单说明,包括了jQuery事件的绑定、触发、及监听方法简单说明的使用技巧和注意事项,需要的朋友参考一下 如果你在写文章或者 Demo,为了简单,你当然可以用事件监听函数,以及那些事件对象提供的方法等。但在实际中,有一些方法和属性是有兼容性问题的,所以我们会使用 jQuery 来消除兼容性问题。 下面简单的来说一下 jQuery 中事件的基础操

  • 本文向大家介绍jquery单选框radio绑定click事件实现方法,包括了jquery单选框radio绑定click事件实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jQuery插件简单实现方法,包括了jQuery插件简单实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery插件简单实现方法。分享给大家供大家参考。具体如下: 使用方法如下: 希望本文所述对大家的jquery程序设计有所帮助。

  • 本文向大家介绍Vue 实例事件简单示例,包括了Vue 实例事件简单示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Vue 实例事件。分享给大家供大家参考,具体如下: 运行结果: 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。 希望本文所述对大家vue.js程序设计

  • 本文向大家介绍C#数据绑定(DataBinding)简单实现方法,包括了C#数据绑定(DataBinding)简单实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#数据绑定(DataBinding)简单实现方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的C#程序设计有所帮助。