`
HuNanPengdake
  • 浏览: 235825 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery 使用toggle()时,如何判断状态

阅读更多
问:toggle方法怎么知道现在是show还是hide ,又没有返回值 true or false  怎么得到,因为我现在就是想判断当前是show还是hide而要执行一些代码,高手解答!求解

答:如果是有这么一个元素:
<div id="mDiv" style="display:none">DIV1</div>

判断它是否显示的话可以用is()方法,具体可以这么写
  if($("#mDiv").is(":hidden")){
        $(this).show();     
    }else{
        $(this).hide();
    }
分享到:
评论

相关推荐

    jQuery显示隐藏密码插件jquery.toggle-password

    然而,用户有时可能希望在验证或检查输入时查看他们的密码,这就是`jquery.toggle-password`插件发挥作用的地方。 ### jquery.toggle-password插件 `jquery.toggle-password`插件是专门为了解决这个需求而设计的。...

    jquery.toggle-password显示密码插件

    在实际应用中,我们可以按照以下步骤集成并使用jQuery Toggle Password插件: 1. **引入依赖**:首先需要在HTML文档中引入jQuery库和toggle-password插件的JavaScript文件。通常,这可以通过在标签内添加标签来实现...

    jQuery toggle事件制作FAQ列表页.zip

    在这个“jQuery toggle事件制作FAQ列表页”项目中,我们重点探讨如何利用jQuery的toggle事件来创建一个功能丰富的常见问题解答(FAQ)页面。以下是关于这个主题的详细知识点: 1. **jQuery toggle事件**:toggle...

    jquery中toggle函数交替使用问题

    jQuery的toggle()函数是用于切换元素的可见状态的。它主要使用show()或hide()函数来实现元素的显示和隐藏。然而在使用过程中,有时会出现一些问题,比如今天我们要探讨的toggle函数交替使用问题。 首先,我们需要...

    jQuery toggle 代替方法

    总结起来,jQuery 1.9及更高版本中,`toggle()`的事件绑定功能可以通过`click()`替代,而切换显示状态可以通过条件判断和`slideToggle()`、`fadeIn()`、`fadeOut()`等动画方法来实现。如果需要控制动画速度和回调,...

    JQuery--toggle 函数.rar

    在JQuery中,`toggle()`函数是一个非常实用的功能,用于切换元素的可见状态,使得开发者能够轻松地实现元素的显示和隐藏效果。本教程将深入探讨`toggle()`函数的使用方法以及相关知识点。 首先,`toggle()`函数的...

    使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)

    实例中使用了两个按钮,第一个按钮绑定了一个`toggle()`方法,当点击这个按钮时,页面上所有的段落(`&lt;p&gt;`标签)会进行显示和隐藏切换。第二个按钮在点击后两秒钟内切换显示状态,之后执行一个回调函数,该回调函数...

    jquery css3实现列表toggle特效.zip

    在本项目中,"jquery css3实现列表toggle特效.zip"是一个包含了使用JavaScript库jQuery和CSS3技术来创建交互式列表切换效果的资源包。这个效果主要用于网页设计,它提供了一个直观且动态的方式来控制内容的可见性,...

    jQuery基于toggle实现click触发DIV的显示与隐藏问题分析

    具体到我们的标题所提到的“jQuery基于toggle实现click触发DIV的显示与隐藏问题分析”,这涉及到两个核心点:点击事件的触发以及使用toggle方法实现状态切换。click事件是JavaScript中最重要的事件之一,它在用户用...

    jquery不支持toggle()高(新)版本的问题解决

    为了解决在使用新版本jQuery时遇到的toggle()方法不被支持的问题,可以自定义一个兼容的函数。上述提供的代码段就是一个例子。这个自定义的toggle函数的作用是模仿旧版本jQuery中的toggle()方法的行为,使得开发者...

    jQuery中toggle()函数的使用实例

    jQuery的toggle()函数是一个非常实用的工具,它主要用于实现元素在不同状态之间的切换。在Web开发中,我们经常需要实现一些交互动效,比如点击一个按钮或者链接,使得某个元素显示或者隐藏。jQuery的toggle()函数...

    jquery toggle()方法制作右侧浮动的qq在线客服代码

    总结来说,使用jQuery的`toggle()`方法制作右侧浮动的QQ在线客服代码,主要步骤包括:创建客服图标元素并设置样式、准备客服对话框的HTML结构、引入jQuery库并编写JavaScript代码以响应点击事件,最后通过`toggle()`...

    jquery+css3实现列表toggle特效.zip

    本示例"jquery+css3实现列表toggle特效.zip"是关于如何使用这些技术来实现一个交互式的列表切换效果,这种效果常见于菜单、折叠面板或者显示/隐藏内容的场景。以下是对这个主题的详细说明: 首先,jQuery是一个强大...

    jQuery toggle顶部登录框点击登录按钮滑动显示登录框

    在jQuery中,`toggle()`函数主要用于切换元素的可见性。它可以接受两个参数,一个是布尔值,用来直接设置元素的可见状态;另一个是回调函数,用于在每次切换时执行。在这个案例中,我们关注的是其默认行为,即根据...

    bootstrap-toggle-buttons

    Bootstrap Toggle Buttons提供了丰富的自定义选项,支持多种样式和主题,可以轻松地与jQuery和其他Bootstrap组件集成。 ### Bootstrap框架介绍 Bootstrap是由Twitter开发的一款开源前端框架,它包含CSS、JavaScript...

    页面元素绑定jquery toggle后元素隐藏的解决方法

    `toggle`是jQuery中的一个事件处理方法,它的主要作用是切换元素的状态,例如显示和隐藏。在早期版本的jQuery中,`toggle`可以接受一个或多个函数参数,每次元素触发该事件时,会顺序执行这些函数,形成一种循环切换...

    JQuery toggle使用分析

    JQuery中的toggle()函数是jQuery库中一个非常实用的动画方法,它用于切换元素的显示状态。当你调用这个方法时,如果元素当前是隐藏的,它将会被显示出来;如果元素是可见的,它将被隐藏。这个方法既可以通过直接调...

    toggle的使用

    在实际应用中,`toggle()`经常与其他jQuery方法结合使用,如`slideToggle()`或`fadeToggle()`,它们分别提供了滑动和淡入淡出的过渡效果。这些方法增强了用户体验,使得交互更加平滑和吸引人。 总结来说,`toggle()...

    jquery 中toggle的2种用法详解(推荐)

    在jQuery中,`toggle()` 函数是一个非常实用的方法,它可以在元素的显示状态之间切换,还可以绑定多个函数到同一个元素的点击事件中。 一、`toggle()` 在元素点击事件中绑定多个函数的用法 在传统的JavaScript中,...

Global site tag (gtag.js) - Google Analytics