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控制TR显示隐藏的几种方法
网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使用 for(var i = 1; i < tr_len; i++){ //tr_len是要控制的tr个数 $("#tr_"+i).hide(); } 第二种方法,是使用$.each(),这个方法需要设置table的id,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使
-
基于jquery实现页面滚动时顶部导航显示隐藏
本文实例讲述了jquery实现页面滚动时顶部导航显示隐藏效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 引入核心文件 <script src="js/jquery/1.11.1/jquery.min.js"></script> 构建html,margint这个div中为了出现滚动条而建,并无实际作用. <div class="top-title">这是顶部导航条</div> <di
-
jquery通过visible来判断标签是否显示或隐藏
复制代码 代码如下: if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }
-
jquery和js实现对div的隐藏和显示方法
jQuery对div的显示和隐藏: 显示: 复制代码 代码如下: $("#id").show() 隐藏: 复制代码 代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi
-
Jquery中使用show()与hide()方法动画显示和隐藏图片
(1)功能描述 在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以动画的方式隐藏该图片. (2)实现代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
-
JQuery显示隐藏页面元素的方法总结
在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍. show()方法 显示出隐藏的 <p> 元素. 复制代码 代码如下: $(".btn2").click(function(){ $("p").show(); }); toggle()方法 toggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏
-
jQuery控制TR显示隐藏的三种常用方法
网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: <table> <tr><td>这行不隐藏</td></tr> <tr id="tr_1"><td>这行要隐藏</td></tr> <tr id="tr_2"><td>这行要隐藏</td>
-
怎样判断jQuery当前元素是隐藏还是显示
$(this).is(":hidden"); //如果元素是隐藏的话,则返回true is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断.如: ":checked,:hidden"等等.给个例子: <head> <script src="jquery-1.7.1.js" type="text/javascript">&
-
jQuery控制元素显示、隐藏、切换、滑动的方法总结
jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 复制代码 代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); hide() 和 show() 都可以设置两个可选参数:speed 和 callba
-
JQuery显示、隐藏div的几种方法简明总结
例子 复制代码 代码如下: $("#top_notice").css("display", "block");//第1种方法 //$("#top_notice").attr("style", "display:block;");//第2种方法 //$("#top_notice").show();//第3种方法 1.给元素换class,来实现隐藏div,前提是换的c
随机推荐
- vuejs响应用户事件(如点击事件)
- validator验证控件使用代码
- VBS教程:函数-DateDiff 函数
- Javascript 跨域访问解决方案
- PHP面向对象程序设计之类常量用法实例
- js类中获取外部函数名的方法
- 简单介绍Python2.x版本中的cmp()方法的使用
- 在Python的Django框架中使用通用视图的方法
- sqlserver中通过osql/ocmd批处理批量执行sql文件的方法
- jquery.ui.progressbar 中文文档
- mssql数据库系统崩溃后的一般处理步骤与方法
- MySQL实现树状所有子节点查询的方法
- JavaScript实现的字符串replaceAll函数代码分享
- JS使用for循环遍历Table的所有单元格内容
- C#利用正则判断输入是否为纯数字、容器类
- 免费PHP空间300M
- Struts1教程之ActionMapping_动力节点Java学院整理
- Microsoft Visual C++ 6.0开发环境搭建教程
- 聊天室php&mysql(二)
- 2014最热门的24个php类库汇总