jQuery对于显示和隐藏等常用状态的判断方法
本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法。分享给大家供大家参考。具体方法如下:
显示:show() display:block;
隐藏:hide() display:none;
当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法:
if(thisNode.is(':hidden')){......}else{.......}
2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下
if(thisNode.hasClass('showFlag')){.......}else{......}
同样的道理,也可以判断thisNode的其他内容,例如子元素的个数,text内容等等,这样根据具体需求来说。
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
Jquery实现显示和隐藏的4种简单方式
Html代码: 复制代码 代码如下: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>333333333</li> <li>4444444444</li> <li&
-
Jquery设置attr的disabled属性控制某行显示或者隐藏
设置attr的disabled属性可以控制某行显示或者隐藏 //加载费用项目下拉框 function loadChargeItemsSelect(status){ $("#settlementDetailInfo").find("tr[trflag=trflag]").each( function(){ $(this).children().eq(2).html($("#chargeItemsDiv").html()); var eachChar
-
jQuery Mobile的loading对话框显示/隐藏方法分享
显示loading对话框方法是: 复制代码 代码如下: $.mobile.showPageLoadingMsg(); 也可设置参数 复制代码 代码如下: $.mobile.showPageLoadingMsg("b","加载中",false); 隐藏loading对话框方法是: 复制代码 代码如下: $.mobile.hidePageLoadingMsg();
-
jquery 实现密码框的显示与隐藏示例代码
复制代码 代码如下: <html> <head> <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function(){ $("#chk").bind({ click: function(){ if($(this).
-
基于jquery实现的定时显示与隐藏div广告的实现代码
下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法.html页面中我们随便放些东西 复制代码 代码如下: <div class="toolbarframe" style="display:none;"><a href="http://www.jb51.net" target="_blan
-
jquery和js实现对div的隐藏和显示方法
jQuery对div的显示和隐藏: 显示: 复制代码 代码如下: $("#id").show() 隐藏: 复制代码 代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi
-
jquerydom对象的事件隐藏显示和对象数组示例
1.事件处理 1.1.事件绑订 bind(type,fn); 例子: 复制代码 代码如下: $(function(){ //正式的写法 $('#d1').bind('click',function(){ $(this).css('font-size','80px'); }); //简写形式 $('#d1').click(function(){ $(this).css('font-size','80px'); }); }); 1.2.绑订方式的简写形式 复制代码 代码如下: click(funct
-
jQuery隐藏和显示效果实现
实例 jQuery hide() 简单的jQuery hide()方法演示. jQuery hide() 另一个hide()实例.演示如何隐藏文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(
-
jQuery控制TR显示隐藏的几种方法
网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使用 for(var i = 1; i < tr_len; i++){ //tr_len是要控制的tr个数 $("#tr_"+i).hide(); } 第二种方法,是使用$.each(),这个方法需要设置table的id,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使
-
jQuery动态显示和隐藏datagrid中的某一列的方法
复制代码 代码如下: $(function(){ $('#tt').datagrid({ title:'报表统计', width:1020, height:400, url:'', fitColumns:true, loadMsg:'正在获取,请稍侯...', singleSelect:true, nowrap:false, columns:[[ {field:'REGION_NAME',title:'分公司',width:30,align:'center'}, {field:'COUNTY_N
-
jQuery实现的导航条切换可显示隐藏
用jQuery实现一些导航条切换,显示隐藏,主要运用的技术有slideToggle( ),toggeClass( ),toggle( ): 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导航条在项目中的应用</title> <script language="javascript" type="
随机推荐
- 彻底解决ewebeditor网站后台不能上传图片的方法
- 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
- 使用Spring自定义注解实现任务路由的方法
- asp.net AJAX注册类
- JavaScript 笔记二 Array和Date对象方法
- php除数取整示例
- phpmailer绑定邮箱的实现方法
- PHP使用DOM和simplexml读取xml文档的方法示例
- Android实现直接播放麦克风采集到的声音
- MYSQL5.6.33数据库主从(Master/Slave)同步安装与配置详解(Master-Linux Slave-windows7)
- php 获取本地IP代码
- linux下php-fpm开启关闭使用方法
- 详谈phpAdmin修改密码后拒绝访问的问题
- 深入解析Java中volatile关键字的作用
- js 图片等比例缩放代码
- Android实现单页面浮层可拖动view的示例代码
- Android Activity的生命周期详细介绍
- Android实现酷炫的顶部栏
- StackTraceElement获取方法调用栈信息实例详解
- vue 实现搜索的结果页面支持全选与取消全选功能