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

2014-10-15  来源:本站原创  分类:jquery  人气:3 

这篇文章主要介绍了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程序设计有所帮助。

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

    这篇文章主要介绍了jQuery对于显示和隐藏等常用状态的判断方法,给出了两种较为常用的判断方法,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show() display:block; 隐藏:hide() display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. if(thisNode.is(':hidden')){......}else{

  • jQuery的显示和隐藏方法与css隐藏的样式对比 2014-06-12

    display:none和visible:hidden都能把网页上某个元素隐藏起来,而jQuery的显示和隐藏又有哪些方法,在本文将为大家详细介绍下,感兴趣的朋友不要错过 display:none与visible:hidden的区别 display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别: display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到. visible:hidden--- 使对象在网

  • Jquery实现显示和隐藏的4种简单方式 2015-03-11

    显示和隐藏的效果想必大家都有见到过吧,其实很简单,通过jquery便可轻松实现,下面为大家整理了4种方式,大家可以根据需求自由选择 Html代码: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>33333

  • firefox TBODY 用js显示和隐藏时出现错位的解决方法 2014-02-28

    今天帮别人写一个网页,发现:当用javascript动态设置tr.style.display = "block"显示某行时,使用IE浏览没有问题,但使用firefox浏览时该行被移到了其它行的后面,很是诧异. 看下面这个例子: 第一行 第二行 第三行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 它在firefox中显示时,"第一行"被显示在最后一行. 于是在处理好需要显示的行后,另写了一个函数,先记录需要显示的行,然后将所有行的style.displ

  • 常用js字符串判断方法整理 2014-12-08

    js常用方法及字符串的常用判断方法都是在工作中经常用到的,在本文整理了一些,感兴趣的朋友可以参考下 js工具-js常用方法,js常用判断方法 SUMMARY : function obj$(id) 根据id得到对象 function val$(id) 根据id得到对象的值 function trim(str) 删除左边和右边空格 function ltrim(str) 删除左边空格 function rtrim (str) 删除右边空格 function isEmpty(str) 字串是否有值

  • 基于jquery实现的定时显示与隐藏div广告的实现代码 2014-05-23

    有时候我们需要在jquery中要显示与隐藏层,很简单的方法就是直接使用hide与show方法就可以了,但要定时我们需要结合setTimeout函数来实现 下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法. html页面中我们随便放些东西 <div class="toolbarframe" style="display:none;&quo

  • Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍) 2014-11-06

    本篇文章是对Jquery中显示和隐藏元素或设为只读以及Ligerui的控件禁用实现代码进行了分析介绍,需要的朋友可以参考下 一.隐藏和显示元素 $('#button_save_12').css('display', 'none'); // 隐藏按钮 $('#button_save_12').css('display', 'display'); // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide(); $('#button_save_12').

  • jQuery显示和隐藏 常用的状态判断方法 2014-02-02

    这篇文章主要介绍了jQuery显示和隐藏 常用的状态判断方法,需要的朋友可以参考下 显示:show() display:block; 隐藏:hide() display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1.if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下 if(this

  • Jquery中显示隐藏的实现代码分析 2014-10-18

    使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明. $("#id").show()//表示display:block, $("#id").hide()//表示display:none; $("#id").toggle()//切换元素的可见状态.如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. $("#id").css('display','none'); $("

  • jQuery实现根据类型自动显示和隐藏表单 2014-01-22

    这篇文章主要给大家分享了jQuery实现根据类型自动显示和隐藏表单的代码,非常的简单实用,仅仅10行代码,推荐给大家,希望能给大家一些提示. jquery实现表单根据单选按钮进行字段的动画切换,昨天写的,感觉比起初学时写的js/jquery有了很大进步..在最大化扩展性的情况下经可能使代码精简. html <div class="control-group"> <label class="control-label">类型:</labe

  • jquery通过visible来判断标签是否显示或隐藏 2014-03-22

    这篇文章主要介绍了jquery如何判断标签是否显示或隐藏,使用到了visible属性,大家可以学习下 if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }

  • jquery显示和隐藏div特效实例 2014-05-25

    jquery显示和隐藏div特效的实例代码,需要的朋友可以参考一下 $(document).ready( function(){}); function hiden(){ $("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast } function slideToggle(){ $("#divObj").slideToggle(2000);

  • 比较不错的JS/JQuery显示或隐藏文本的方法 2014-06-15

    这篇文章主要介绍了JS/JQuery显示或隐藏文本方法,需要的朋友可以参考下 推荐使用: $("#id").show(); $("#id").hide(); 不推荐使用: 复制代码 代码如下: document.getElementById("#id").style.display = 'none'; document.getElementById("#id"').style.display = 'block'; 因为使用设置

  • Jquery设置attr的disabled属性控制某行显示或者隐藏 2014-12-24

    这篇文章主要与大家分享Jquery设置attr的disabled属性控制某行显示或者隐藏的具体实现,喜欢的朋友可以参考下 设置attr的disabled属性可以控制某行显示或者隐藏 //加载费用项目下拉框 function loadChargeItemsSelect(status){ $("#settlementDetailInfo").find("tr[trflag=trflag]").each( function(){ $(this).children().eq

  • jquery之超简单的div显示和隐藏特效demo(分享) 2015-01-11

    本篇文章是对jquery中的div显示和隐藏特效demo进行了详细的分析介绍,需要的朋友可以参考下 <!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"&g

  • jQuery中fadeIn.fadeOut.fadeTo的使用方法(图片显示与隐藏) 2015-03-15

    jQuery中fadeIn.fadeOut.fadeTo的使用方法(图片显示与隐藏),需要的朋友可以参考一下 <head> <title></title> <style type="text/css"> #img1 { width:400px; height:500px; } </style> <script src="jquery-1.9.1.js" type="text/javascri

  • jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码 2015-03-18

    表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的jQuery代码 <input value="请输入用户名" type="text"> <input value="请输入密码" type="text"> <input value="提交" type="submit"> <script> $(function(){ //输入

  • JS加jquery简单实现标签元素的显示或隐藏 2014-12-16

    标签元素的显示或隐藏在使用中还是挺频繁的,下面有个不错的示例,大家可以参考下,或许有所帮助 显示: var ul = document.getElementById("opinionSelect"); ul.style.display = 'block'; 隐藏:$("#opinionSelect").fadeOut("fast");

  • jQuery 常见操作实现方式和常用函数方法总结 2014-07-07

    一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID"

  • 使用CSS3动画 animation 来控制元素的显示和隐藏 2014-07-24

    CSS3中 animation 和 transition 俩样式都能创建动画效果,而且是后台C++执行的,所以效率比普通jQuery的js模拟动画的效率高很多,所以建议大家能用css实现的效果都用css. transition的使用比较简单,这里就不介绍了,着重为大家介绍下 animation . animation 的css属性有很多,本文通过 animation-name 来控制启动动画和转换动画,以下是一个通过 animation 来控制元素的显示和隐藏的例子(仅支持webkit): <!