当前位置: 首页 > 编程笔记 >

jQuery判断元素是否显示 是否隐藏的简单实现代码

戚繁
2023-03-14
本文向大家介绍jQuery判断元素是否显示 是否隐藏的简单实现代码,包括了jQuery判断元素是否显示 是否隐藏的简单实现代码的使用技巧和注意事项,需要的朋友参考一下

jQuery判断元素是否显示 是否隐藏的简单实现代码

var node=$('#id');

第一种写法

if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏

  node.show(); 

}else{

  node.hide();

}

第二种写法

if(!node.is(':visible')){  //如果node是隐藏的则显示node元素,否则隐藏

  node.show(); 

}else{

  node.hide();

}

if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示

  node.hide();

}else{

  node.show();

}

以上这篇jQuery判断元素是否显示 是否隐藏的简单实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍怎样判断jQuery当前元素是隐藏还是显示,包括了怎样判断jQuery当前元素是隐藏还是显示的使用技巧和注意事项,需要的朋友参考一下 $(this).is(":hidden");  //如果元素是隐藏的话,则返回true is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断。如: ":checked,

  • 本文向大家介绍jquery显示隐藏元素的实现代码,包括了jquery显示隐藏元素的实现代码的使用技巧和注意事项,需要的朋友参考一下 或  它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间;("#firstStep").hide(500);而且可以设置时间; $(".class").css('display','block'); $("#id

  • 本文向大家介绍jQuery实现判断控件是否显示的方法,包括了jQuery实现判断控件是否显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现判断控件是否显示的方法。分享给大家供大家参考,具体如下: 核心代码: 实例代码1: jQuery判断div是否隐藏实例 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jQuery扩

  • 本文向大家介绍jQuery元素的隐藏与显示实例,包括了jQuery元素的隐藏与显示实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery元素的隐藏与显示的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 问题内容: 是否有可能切换元素的可见性,使用功能,或? 你会如何测试一个元素是否还是? 问题答案: 由于问题涉及单个元素,因此此代码可能更合适: 与twernt的建议相同,但适用于单个元素。它与jQueryFAQ中推荐的算法匹配 我们使用jQueryis()与另一个元素,选择器或任何jQuery对象一起检查选定的元素。此方法遍历DOM元素以找到匹配项,该匹配项满足传递的参数。如果存在匹配项,则返回

  • 本文向大家介绍jQuery判断一个元素是否可见的方法,包括了jQuery判断一个元素是否可见的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery判断一个元素是否可见的方法。分享给大家供大家参考。具体如下: jQuery 可以很容易地确定一个元素是可见的或是隐藏的,然后分别做不同的处理。如:我想根据某 div 是否可见,在按钮上显示不同的文字和图标。可以这样实现: 方法一: 方