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内容等等，这样根据具体需求来说。

　http://www.cnblogs.com/mabelstyle/archive/2013/02/17/2914048.html

时间： 2024-08-23 23:04:52

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

Jquery显示与隐藏input默认值的实现代码

本文介绍下,用Jquery实现显示或隐藏html页面中的Input值的方法,通过一个具体的例子,帮助大家的理解,有需要的朋友参考下吧. 代码如下(需要引入外部Jquery文件,本例为jquery-1.7.1.min.js): 代码示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

jQuery 显示和隐藏以及淡出淡入效果

jQuery实现动画效果? 1) 显示和隐藏 show():显示 hide():隐藏 togger():显示和隐藏的组合1234<script type="text/javascript"> $(function(){ $("tr:even").css("background-color","gray").eq(1).css("background-color","red")

mui-popover显示、隐藏弹出菜单的方法

一.mui-popover要显示.隐藏弹出菜单,可使用锚点方式. <div id="popover" class="box mui-popover mui-poppicker mui-popover-action mui-popover-bottom" style="height: 500px;background-color: #fff;"> <div class="mui-popover-arrow"&g

Jquery 显示与隐藏

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://code.jquery.com/jquery-lat

jQuery显示与隐藏返回顶层的箭头

<script type="text/javascript">        $(window).scroll(function(){            var disTop = $(window).scrollTop();            if(disTop > 250){                $("#top").fadeIn(600);            }else{                $("#to

15jQuery学习笔记-----动画----层的显示和隐藏

show().hide()方法会显示.隐藏元素.用toggle()方法在显示.隐藏之 间切换 $(":button[value=show]").click(function() { $("div").show(); }); $(":button[value=hide]").click(function() { $("div").hide();}); 如果show.hide方法不带参数则是立即显示.立即隐藏,如果指定速度参数则会

jQuery判断当前元素显示状态并控制元素的显示与隐藏

1.jQuery判断一个元素当前状态是显示还是隐藏 $("#id").is(':visible');   //true为显示,false为隐藏 $("#id").is(':hidden');   //true为隐藏,false为显示 if($("#id").is(':hidden')){ //逻辑代码 } 2.jQuery控制css的display $("#id").show();    //表示display:block $

jQuery判断元素是否显示与隐藏

jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏 核心代码 if($("#username").is(":hidden")){ } 实例代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test.html</ti

jquery判断对象是否显示或隐藏

if($('a.specail2').is(":visible")){ /**jquery判断对象是否显示或隐藏**/ $('a.one').hide(); $('a.specail2').show(); }else{ $('a.one').show(); $('a.specail2').hide(); }