jQuery显示和隐藏 常用的状态判断方法_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内容等等，这样根据具体需求来说。

时间： 2024-11-02 21:13:24

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

JQuery显示、隐藏div的几种方法简明总结_jquery

例子 复制代码 代码如下: $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法    1.给元素换class,来实现隐藏div,前提是

Jquery显示、隐藏元素以及添加删除样式_jquery

复制代码 代码如下: <script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 $("input").focus(function () { $(this).siblings("label").hide(); }); }); $(function () { //input元素失去焦点 $("input").blur(func

jQuery对于显示和隐藏等常用状态的判断方法_jquery

本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. 复制代码 代码如下: if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="show

Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

本篇文章是对Jquery中显示和隐藏元素或设为只读以及Ligerui的控件禁用实现代码进行了分析介绍,需要的朋友可以参考下   一.隐藏和显示元素 复制代码 代码如下: $('#button_save_12').css('display', 'none');  // 隐藏按钮 $('#button_save_12').css('display', 'display');  // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide(); $('#bu

基于jquery实现的定时显示与隐藏div广告的实现代码_jquery

下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法.html页面中我们随便放些东西 复制代码 代码如下: <div class="toolbarframe" style="display:none;"><a href="http://www.jb51.net" target="_blan

Jquery实现显示和隐藏的4种简单方式_jquery

Html代码: 复制代码 代码如下: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>333333333</li> <li>4444444444</li> <li&

jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法_jquery

本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法.分享给大家供大家参考,具体如下: 方法很简单,我们只需要在数据加载成功后的事件中处理即可.具体代码如下所示: //事件 onLoadSuccess: function (data) { //模拟测试加载成功后数据Id大于20的都勾选中,并禁用checkbox for (var i = 0; i < data.rows.length; i++) { if (data.rows[i].Id > 20)

jQuery实现鼠标经过时出现隐藏层文字链接的方法_jquery

本文实例讲述了jQuery实现鼠标经过时出现隐藏层文字链接的方法.分享给大家供大家参考.具体如下: 这里演示Jquery显示隐藏层的方法,鼠标经过时出现文字链接,模拟评分效果,这里没有加动作,仅显示了前台效果的实现. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra

jQuery切换所有复选框选中状态的方法_jquery

本文实例讲述了jQuery切换所有复选框选中状态的方法.分享给大家供大家参考.具体如下: 这段代码非常简单实用,通过链接切换所有checkbox是否选中 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); 希望本文所述对大家的jq