jQuery 元素是不是显示与隐藏的判断
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery 元素是不是显示与隐藏的判断相关的知识，希望对你有一定的参考价值。
判断方法：
1、使用CSS属性
var display =$('#id').css('display');
if(display == 'none')
alert("被你发现了，我是隐藏的啦！"
);
2、使用jquery内置选择器
假设我们页面有这么个标签,
<div id="test"><p>仅仅是测试所用</p></div>
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
if($("#test").is(":hidden"))... //前提是已经将jQuery的库导进来了
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动,比如:
if($("#test").is(":hidden"))
$("#test").show(); //如果元素为隐藏,则将它显现
else
$("#test").hide(); //如果元素为显现,则将其隐藏
3、jQuery判断对象是否显示或隐藏
Js代码
// jQuery("#tanchuBg").css("display")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")
扩展资料：
jQuery语言特点：
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了javascript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如php网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在html中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：百度百科——jQuery
参考技术A jQuery 判断一个元素是显示还是隐藏， jQuery 使用 is() 的方法来判断一个元素是否显示，反之，则为隐藏，jQuery 判断是否显示，jQuery 判断是否隐藏，jQuery 判断是否可见。判断一个元素是否显示，可以使用 jQuery 中的 is() 方法来实现。JS 代码：假设这个 div 元素的 id 为 mydiv 。以下为引用内容： $(document).ready(function()if($("#mydiv").is(":visible")==false));以上代码可以很好地判断 div 、input 、button 等元素的显示与隐藏。本回答被提问者采纳jQuery 显示与隐藏元素
使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。
语法格式：
$(selector).hide(speed,easing,callback); //隐藏元素
$(selector).show(speed,easing,callback); //显示元素
speed 参数：规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或动画完成所需的毫秒数。
easing参数： 用来指定切换效果，默认时'swing'，可用参数'linear'。
callback 参数：隐藏或显示完成后所执行的回调函数。
此外，可以使用toggle( )方法来切换元素的显示状态
语法格式：
$(selector).toggle(speed,easing,callback);
示例：
<style>
div {
width: 100px;
height: 100px;
background-color: rgba(22, 201, 16, 0.863);
}
</style>
<script src="jQuery.js"></script>
<script>
jQuery(document).ready(function () {
$("button").eq(0).click(function () {
$("div").hide();
})
$("button").eq(1).click(function () {
$("div").show();
})
$("button").eq(2).click(function () {
$("div").toggle();
})
})
</script>
</head>
<body>
<button>隐藏</button>
<button>显示</button>
<button>切换</button>
<div></div>
</body>
分别点击三个按钮，可以实现隐藏，显示，切换功能。
以上是关于jQuery 元素是不是显示与隐藏的判断的主要内容，如果未能解决你的问题，请参考以下文章