css隐藏元素的几种方法？
css隐藏元素是网页编写常用的方式，根据我的经验总结了以下几种css隐藏元素的方法.
opacity
opacity属性的隐藏方法主要是将元素透明度opacity设置为0，从而在视觉上就隐藏了元素，但是元素本身依然占据的着原有空间。
浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替，如: filter: Alpha(opacity=80)。
语法: opacity: value|inherit;
value: 透明值。可取值有 0.0 （全透明）和 1.0（不透明）。
inherit：从父元素集成opacity属性的值。
其规定使用的CSS版本为 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例：
.hide {
opacity: 0;
}
display
display属性的隐藏方法主要是将元素display值设置为none，将其不可见，连盒子模型也不生成，甚至连也不占用原有空间，使用该属性为none时用户对该元素的操作将不可用。
其规定使用的CSS版本为 CSS1。
JavaScript上的display隐藏时方法: object.style.display="none"。
JavaScript上的display显示时方法: object.style.display="除none的其他值"
display的属性值包含有: "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。
jquery怎么时刻监听一个元素的隐藏与显示？
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()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。
实例演示如下:
1、HTML结构
<div id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</div>
2、jquery代码
$(function(){
$("#test li").hide();
$("#test li").eq(0).show();
});
3、显示效果