如何使用javascript隐藏div [英] How to hide a div using javascript

问题描述

我想使用Javascript隐藏div。下面是我的div。

 < div class =ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix> 
< span id =ui-dialog-title-dialog-messageclass =ui-dialog-title> < / span> 
< a class =ui-dialog-titlebar-close ui-corner-allhref =＃role =button> 
< span class =ui-icon ui-icon-closethick>关闭< / span> 
< / a> 
< / div> 
  

我在javascript下尝试，但没有工作。

  $（。ui-dialog-titlebar）。css（'display'，'none'）; 
  

有什么想法吗？

解决方案

这不是javascript，而是jQuery：

您可以使用hide（）方法：

  $（。ui-dialog-titlebar-close）。 //你也可以使用css（）方法作为你的
  

handler：

  $（document）.ready（function（）{
 //您的代码在这里
 }）; 
  
 
 
 
 
 
 
您可以进一步了解jQuery 此处。
 
I want to hide a div using Javascript. Below is my div.
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span id="ui-dialog-title-dialog-message" class="ui-dialog-title"> </span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
<span class="ui-icon ui-icon-closethick">close</span>
</a>
</div>
I tried below javascript, but didnt work.
   $(".ui-dialog-titlebar").css('display','none');
Any idea?
解决方案
That's not javascript, but jQuery:

You can simply use hide() method:
$(".ui-dialog-titlebar-close").hide(); // you can also use css() method as yours
And you need to wrap your code inside ready handler:
$(document).ready(function(){
//your code here
});




You can learn more about jQuery here.

                        
这篇关于如何使用javascript隐藏div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！