jQuery对于显示和隐藏等常用状态的判断方法

   本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法。分享给大家供大家参考。具体方法如下:

  显示:show() display:block;

  隐藏:hide() display:none;

  当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法:

  1.

  代码如下:

  if(thisNode.is(':hidden')){......}else{.......}

  2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下

  代码如下:

  if(thisNode.hasClass('showFlag')){.......}else{......}

  同样的道理,也可以判断thisNode的其他内容,例如子元素的个数,text内容等等,这样根据具体需求来说。

时间: 2024-10-02 21:41:13

jQuery对于显示和隐藏等常用状态的判断方法的相关文章

jQuery对于显示和隐藏等常用状态的判断方法_jquery

本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. 复制代码 代码如下: if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="show

jquery 隐藏 显示-用jquery实现显示或者隐藏

问题描述 用jquery实现显示或者隐藏 有6个div,在同一列,点击第1个div时,第2个div隐藏或显示,点击第3个div时,第4个div隐藏或显示,点击第5个div时,第6个div隐藏或显示,请问大神写这个怎么弄啊! 解决方案 //这里自己引进自己的js文件 function test(obj) { if($(obj).next().length>0) { $(obj).next().toggle();/**点击一次隐藏,再点击显示*/ /**你也可以判断对象的状态 然后 $(obj).h

jQuery的显示和隐藏方法与css隐藏的样式对比_jquery

display:none与visible:hidden的区别 display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别: display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到. visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到. 例子: 复制代码 代码如下: <html> <head> <title&g

Jquery实现显示和隐藏的4种简单方式_jquery

Html代码: 复制代码 代码如下: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>333333333</li> <li>4444444444</li> <li&

jQuery控制元素显示、隐藏、切换、滑动的方法总结_jquery

jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 复制代码 代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); hide() 和 show() 都可以设置两个可选参数:speed 和 callba

JQUERY 的显示与隐藏

问题描述 $("#indicator").slideToggle("slow");$.getJSON()$("#indicator").slideToggle("slow");如上代码所示.WEB中有一文本框.在它的ONCHANGE事件中调用以上过程.先显示一动画.调AJAX.有返回值后隐藏动画现在的问题是第一次调用时会显示.隐藏后来就再也不显示了而如果在一个函数中放一句$("#indicator").sl

TBODY在firefox下用js显示和隐藏时出现错位的解决方法

firefox|js|解决|显示|tbody 今天帮别人写一个网页,发现:当用javascript动态设置tr.style.display = "block"显示某行时,使用IE浏览没有问题,但使用firefox浏览时该行被移到了其它行的后面,很是诧异.看下面这个例子: <html><head>    <script type="text/javascript">    function body_load()    {     

常用js字符串判断方法整理_javascript技巧

js工具-js常用方法,js常用判断方法 SUMMARY : 复制代码 代码如下: function obj$(id) 根据id得到对象 function val$(id) 根据id得到对象的值 function trim(str) 删除左边和右边空格 function ltrim(str) 删除左边空格 function rtrim (str) 删除右边空格 function isEmpty(str) 字串是否有值 function equals(str1, str2) js判断比较两字符串是

firefox TBODY 用js显示和隐藏时出现错位的解决方法_javascript技巧

第一行 第二行 第三行