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实现页面滚动时顶部导航显示隐藏效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 引入核心文件 <script src="js/jquery/1.11.1/jquery.min.js"></script> 构建html,margint这个div中为了出现滚动条而建,并无实际作用. <div class="top-title">这是顶部导航条</div> <di
-
jQuery控制元素显示、隐藏、切换、滑动的方法总结
jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 复制代码 代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); hide() 和 show() 都可以设置两个可选参数:speed 和 callba
-
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控制TR显示隐藏的几种方法
网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使用 for(var i = 1; i < tr_len; i++){ //tr_len是要控制的tr个数 $("#tr_"+i).hide(); } 第二种方法,是使用$.each(),这个方法需要设置table的id,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使
-
JQuery显示、隐藏div的几种方法简明总结
例子 复制代码 代码如下: $("#top_notice").css("display", "block");//第1种方法 //$("#top_notice").attr("style", "display:block;");//第2种方法 //$("#top_notice").show();//第3种方法 1.给元素换class,来实现隐藏div,前提是换的c
-
jquery通过visible来判断标签是否显示或隐藏
复制代码 代码如下: if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); }
-
怎样判断jQuery当前元素是隐藏还是显示
$(this).is(":hidden"); //如果元素是隐藏的话,则返回true is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断.如: ":checked,:hidden"等等.给个例子: <head> <script src="jquery-1.7.1.js" type="text/javascript">&
-
jquery和js实现对div的隐藏和显示方法
jQuery对div的显示和隐藏: 显示: 复制代码 代码如下: $("#id").show() 隐藏: 复制代码 代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi
-
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>
随机推荐
- AngularJS中的Directive实现延迟加载
- Angularjs 双向绑定时字符串的转换成数字类型的问题
- 基于node.js依赖express解析post请求四种数据格式
- 用VBScript写合并文本文件的脚本
- 关于 Tomcat进程意外退出的问题解析
- ASP.NET对大文件上传的解决方案
- 使用Entity Framework(4.3.1版本)遇到的问题整理
- android开发中常用的Eclipse快捷键详细整理
- C语言菜鸟基础教程之a++与++a
- Android 打包三种方式实例详解
- php中simplexml_load_file函数用法实例
- php5中类的学习
- Ajax实现省市区三级级联(数据来自mysql数据库)
- 启动sqlserver服务的bat脚本分享
- 数据库设计技巧[转]
- 深入解析Javascript闭包的功能及实现方法
- jquery 淡入淡出效果的简单实现
- JavaScript 组件之旅(四):测试 JavaScript 组件
- C#隐藏控制台键盘输入的方法
- Spring Boot全局异常处理解析