JQuery入门——切换事件

最新推荐文章于 2023-07-28 14:46:41 发布
最新推荐文章于 2023-07-28 14:46:41 发布
阅读量2.6k 收藏
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liang408015204/article/details/8563655
版权

1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记<a>若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。

2、示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切换事件hover</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
  $(function(){
    $(".clsTitle").hover(function(){
 $(".clsContent").show();
 },
 function(){
 $(".clsContent").hide();
})
  })
</script>
</head>

<body>
  <div class="clsTitle">JQuery简介</div>
  <div class="clsContent">JQuery是由美国人John Resig于2006年创建的一个开源项目，它的主旨是：以更少的代码，实现更多的功能</div>
</body>
</html>


3、效果图预览：

当鼠标移动到JQuery简介时：


liang408015204
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery入门——事件切换之toggle()方法应用介绍
12-12
1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,…])，其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码： 代码如下:&...
LTE切换事件类型
热门推荐
专注无线
09-28 1万+
今天我们来说说LTE切换事件 切换优化伴随着网络优化的始终，我们先来看看切换事件都有哪些及其涉及的参数。 总的来说，LTE支持的切换事件有A类和B类，其中A类被用作系统内测量，B类被用作系统间测量。 为便于理解，这里我们插入看下几个相关名词。 事件A1 服务小区好于绝对门限（可以用来关闭某些小区间的测量）。 公式：Ms – Hyst > ThreshA1 Ms：服务小区测量值。 Hyst：异频A1、A2幅度迟滞。该参数表示 A1A2 事件的幅度迟滞，用于减少由于无线信号波动导致
jquery事件切换
水巷石子的博客
09-18 3581
jquery事件切换 逐个添加事件 需要几个事件，就天添加几次，每次是对象调用函数 链接方式 方法返回当前对象 切换方式 hover函数接收两个函数（如A,B) 点击A后事件切换为B 点击B后事件切换为A <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script
JQuery系列之事件切换
老__L的博客
09-01 653
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件。用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。如果元素是可见的，切换为隐藏的；...
JS实现点击切换事件
面具哥布林的博客
12-07 8546
现在有个需求如下： 点击右边那三条横杠，对列表进行伸展和收缩。//JS,#hide是按钮，#bullet是列表 $(function(){ var num=0; $('#hide').click(function(){ $(this).stop(false,false); $("#bullet").stop(false,false);
事件 事件切换
theowl的专栏
12-25 671
hover([over,]out) 概述 一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会
JQuery入门——事件切换之hover()方法应用介绍
12-12
所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。 2、示例代码： 代码...
javascript-jquery-starter:JavaScript & JQuery 的入门项目——适用于任何 Prismic.io 存储库
06-05
Prismic.io 的 JQuery 入门项目这是一个使用 JQuery 的纯客户端应用程序，它将连接到任何存储库，并简单地列出其文档。 它使用了prismic.io JavaScript 开发工具包，并提供了一些与JQuery 集成的助手，以及一个基本...
jQuery 绑定事件来回切换（入门）
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-12 260
内容...还有很多种按钮绑定事件，来回切换功能的方法，这里是其中一种，可以百度查看更多的方法！大家如果觉得有什么不对的地方，望指出，愿与诸君共同学习进步！
LTE切换事件
04-18
对LTE切换A事件详细介绍从A1到A5，B1和B2
jquery实现tab切换简单好用
最新发布
weixin_52168983的博客
07-28 1744
网上很多tab切换的方法，很多比较复杂，我写了一个非常简单实用的。主要通过display：none，block。以及类选择器来实现。首先引入jquery。
03-jQuery-事件绑定【click() 、on()】、事件切换toggle()、事件方法、样式控制
记录java学习日常~
05-20 5714
on() 方法是 jQuery 中最常用且最通用的事件绑定方法，可以绑定多个事件类型，并为每个事件类型指定一个或多个处理程序。click() 方法是一种简洁的事件绑定方法，只能绑定 click 事件，并且只允许绑定一个处理程序，无法为同一个元素绑定多个处理程序。off() 方法用于移除之前绑定的事件处理程序，它需要传递一个或多个事件类型参数，并为这些事件类型制定要移除的处理程序。jQuery 事件绑定中，on() 方法用于为元素添加事件处理程序，off() 方法则用于移除绑定的事件处理程序。
JQuery切换事件
weixin_30610755的博客
07-12 233
JQuery切换事件 hover 汉意：盘旋。指鼠标移入移出事件。 $("XXX").hover( function() { /*鼠标移入*/}, function() { /*鼠标移出*/} ); <html> <head> <meta charset="UTF-8"> <title>ho...
jquery 点击事件切换样式
许建桐的技术博客
12-31 8387
jquery 点击事件切换样式 $('#FatherName').on('click', '.ClassName', function(e){ $('.ClassName').removeClass('active'); $(this).addClass('active'); });
JQuery入门——事件切换之toggle()方法
liang408015204的专栏
02-01 1万+
1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,...])，其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码： toggle方法            body{font-size:13px}             img{bord
jQuery 之 事件切换
z_x_Qiang的博客
01-01 439
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;19_事件切换&lt;/title&gt; &lt;/head&gt; &lt;style type="text/css"&gt; * {
JQuery事件的切换
liushengbaba的专栏
04-22 385
1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记&lt;a&gt;若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。   2、示例代码：     复制代码 代码如下: &lt;!DOCTYPE html ...
jquery的事件切换
天空守护云
03-08 292
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
js实现鼠标的点击切换事件
LinRuoZhuo的博客
03-15 6037
随着jQuery的不断更新，有些鼠标的事件也会不断地被更新掉，就比如说的下面要输得toggle（）事件就是其中之一： toggle（）事件的jQuery实现方式： $("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("backgro.
jQuery学习笔记——事件
06-08
好的，关于 jQuery 的事件，我可以和你分享一些学习笔记。 1. 绑定事件 在 jQuery 中，我们可以通过以下方式来绑定事件： ``` $(selector).event(function(){ // 事件处理程序 }) ``` 其中，`selector` 表示要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值