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动态显示和隐藏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设置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实现的导航条切换可显示隐藏
用jQuery实现一些导航条切换,显示隐藏,主要运用的技术有slideToggle( ),toggeClass( ),toggle( ): 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导航条在项目中的应用</title> <script language="javascript" type="
-
jQuery隐藏和显示效果实现
实例 jQuery hide() 简单的jQuery hide()方法演示. jQuery hide() 另一个hide()实例.演示如何隐藏文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(
-
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控制TR显示隐藏的几种方法
网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使用 for(var i = 1; i < tr_len; i++){ //tr_len是要控制的tr个数 $("#tr_"+i).hide(); } 第二种方法,是使用$.each(),这个方法需要设置table的id,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使
-
基于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
-
Jquery实现显示和隐藏的4种简单方式
Html代码: 复制代码 代码如下: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>333333333</li> <li>4444444444</li> <li&
-
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
随机推荐
- .NetCore获取Json和Xml格式的配置信息
- 编译和解释的区别是什么
- 原生javascript实现读写CSS样式的方法详解
- jquery正则表达式验证(手机号、身份证号、中文名称)
- javascript正则表达式模糊匹配IP地址功能示例
- android高仿微信表情输入与键盘输入代码(详细实现分析)
- 深入浅析Oracle数据库管理之创建和删除数据库
- PHP环境搭建(php+Apache+mysql)
- jquery手风琴特效插件
- c#中文转unicode字符示例分享
- win2003 服务器磁盘权限安全设置批处理
- 破解DHCP网络服务之迷
- Activiti开发环境的配置
- Django组件content-type使用方法详解
- 基于 ZooKeeper 搭建 Hadoop 高可用集群 的教程图解
- Python环境Pillow( PIL )图像处理工具使用解析
- 微信小程序学习笔记之函数定义、页面渲染图文详解
- PHP后台备份MySQL数据库的源码实例
- Android ZxingPlus精简的二维码框架示例代码
- 解决Python 命令行执行脚本时,提示导入的包找不到的问题