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

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

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

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

二、通过设置元素的属性

$("#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后的优先级高（依据在样式表中的顺序而非引用的顺序）

js 如何让元素隐藏相关推荐

在css样式中隐藏元素,用JS改变的元素CSS样式，css里display :none 隐藏 block 显示
CSS样式的引用有3种方式:style引用.class引用.id引用,所以js改变元素的样式我们也分3种来说. 1.js改变由style方式引用的样式: 方法一:document.divs.style ...
html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法
JS控制HTML元素的显示和隐藏的两种方法利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...
js控制html元素的隐藏和显示
方法一: document.getElementById("ElementId").style.visibility="hidden"; document.ge ...
JS点击显示隐藏内容
JS点击显示隐藏密码思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...
css元素隐藏不可获取,Css隐藏元素(display,visibility)的区别
Css隐藏元素(display,visibility)的区别 display display属性值 display 属性规定元素应该生成的框的类型. 属性值: block: /表现为一个块级元素(一般 ...
html js修改readonly,js控制html元素的readonly属性
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入. 初始时,两个输入框都是只读.点击change按钮后, ...
js 拖拽元素鼠标速度过快问题
自己写一个小工具,使用js拖拽元素时,鼠标速度过快时元素跟不上鼠标看网上有人说把mousemove事件绑定到dom上试了不管用偶然发现拖拽文字丝毫无卡顿不知道是不是元素比较复杂的缘故? s ...
js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
html判断隐藏显示,js 判断DIV是否隐藏的方法
js脚本在控制div元素在显示与隐藏之间进行切换时,如果不能确定div当前的状态,切换时往往会发生一些逻辑错误的事情,导致div元素的动态效果在切换时不是很流畅.那么飞鸟慕鱼博客就来说一说,如何判断d ...

js 如何让元素隐藏

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

二、通过设置元素的属性

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

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

js 如何让元素隐藏相关推荐

最新文章

热门文章