jQuery对于显示和隐藏等常用状态的判断方法_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内容等等,这样根据具体需求来说。

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

时间: 2024-11-02 09:07:29

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

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

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

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

显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1.if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下   if(thisNode.hasClass('showFlag')){.......}el

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()    {     

jQuery使用hide方法隐藏页面上指定元素的方法_jquery

本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法.分享给大家供大家参考.具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&qu