如何更改CSS显示无或使用JQuery的块属性？

如何更改CSS显示无或使用JQuery的块属性？

Answer 1

正确的方法是使用show和hide ：

 $('#id').hide(); $('#id').show(); 

另一种方法是使用jQuery的CSS方法：

 $("#id").css("display", "none"); $("#id").css("display", "block"); 

Answer 2

有几种方法可以完成这个任务，每个方法都有自己的目的。

---

1 ）使用内联，而只是简单地分配一个元素的列表

 $('#ele_id').css('display', 'block').animate(.... $('#ele_id').css('display', 'none').animate(.... 

---

2 ）在设置多个CSS属性时使用

 $('#ele_id').css({ display: 'none' height: 100px, width: 100px }); $('#ele_id').css({ display: 'block' height: 100px, width: 100px }); 

---

3 ）dynamic调用命令

 $('#ele_id').show(); $('#ele_id').hide(); 

---

4 ）要dynamic切换块和无，如果它是一个div

• 一些元素显示为内联，内嵌块或表格，具体取决于标签的大小

$（ '＃ele_id'）切换（）。

Answer 3

如果div的显示默认是阻止的，您可以使用.show()和.show() .hide() ，或者更简单的.toggle()在可见性之间切换。

Answer 4

简单的方法：

 function displayChange(){ $(content_id).click(function(){ $(elem_id).toggle();} )} 

Answer 5

为躲：

 $("#id").css("display", "none"); 

表演：

 $("#id").css("display", ""); 

Answer 6

使用jQuery CSS方法的其他方法：

 $("#id").css({display: "none"}); $("#id").css({display: "block"}); 

Answer 7

 (function($){ $.fn.displayChange = function(fn){ $this = $(this); var state = {}; state.old = $this.css('display'); var intervalID = setInterval(function(){ if( $this.css('display') != state.old ){ state.change = $this.css('display'); fn(state); state.old = $this.css('display'); } }, 100); } $(function(){ var tag = $('#content'); tag.displayChange(function(obj){ console.log(obj); }); }) })(jQuery); 

Answer 8

用这个

 $("#id").(":display").val("block"); 

要么

 $("#id").(":display").val("none"); 

Answer 9

.hide（）不适用于我的Chrome这适用于hidding：

 var pctDOM = jQuery("#vr-preview-progress-content")[0]; pctDOM.hidden = true;