js 如何让元素隐藏

一、使用jquery控制div的显示与隐藏：

1.$("#id").show()表示为display：block，

   $("#id").hide()表示为display:none;

2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。

二、通过设置元素的属性

1. $("#id").css('display','none');//隐藏

         $("#id").css('display','block');//显示

    2.  $("#id")[0].style.display='none';

　　display=none 控制对象的隐藏
　　display=block控制对象的显示

   3.$("#id").css('visibility','hidden');//元素隐藏

     $("#id").css('visibility','visible');//元素显示

二、CSS visibility 属性规定元素是否可见。

visible　元素可见。 
hidden　元素不可见。 
collapse　在表格元素中使用时，此值可删除一行或一列，但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。 
inherit　从父元素继承 visibility 属性的值。

注意：

display:none和visible:hidden都能把网页上某个元素隐藏起来，在视觉效果上没有区别，但是在一些DOM操作中两者有区别:

display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，即它仍然具有高度、宽度等属性，通俗来说就是看不见但摸得到。

面试--下拉菜单用户选中的元素的选择器

https://www.cnblogs.com/acafaxy/archive/2011/06/23/2088253.html

   获取select 选中的 text---$("select").find("option:selected").text();

   获取select选中的 value---$("select ").val();

   获取select选中的索引---$("select ").get(0).selectedIndex;

 

 

 

ps：同等选择器的优先级：靠近style后的优先级高（依据在样式表中的顺序而非引用的顺序）