如何使用JavaScript隱藏div

Question

我想使用Javascript隱藏div。 以下是我的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>

我嘗試了以下javascript，但沒有成功。

   $(".ui-dialog-titlebar").css('display','none');

任何想法？

Answer 1

那不是JavaScript，而是jQuery：

您可以簡單地使用hide（）方法：

$(".ui-dialog-titlebar-close").hide(); // you can also use css() method as yours

您需要將代碼包裝在就緒處理程序中：

$(document).ready(function(){
//your code here
});

---

您可以在此處了解有關jQuery的更多信息。

Answer 2

你有很多方法

$(".ui-dialog-titlebar").hide();
$(".ui-dialog-titlebar").fadeOut();
$(".ui-dialog-titlebar").css('display','none !important');

Answer 3

把它放在document.ready() ：

$(function(){

 $(".ui-dialog-titlebar-close").css('display','none');

})

您還可以使用hide() ：

$(function(){

     $(".ui-dialog-titlebar-close").hide();

})

范例：

http://jsfiddle.net/qcfdLjr3/

Answer 4

理想情況下，使用ID隱藏會更靈活。

  <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" id="hidingDiv">
        <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>

隱藏的JS代碼：-

    $(document).ready(function() {
        $("#hidingDiv").hide();
    });

Answer 5

嘗試這個

$(document).ready(function(){
    $(".ui-dialog-titlebar").hide();
});

Answer 6

您可以將自己的代碼用作：

$(document).ready(function(){
    $(".ui-dialog-titlebar").css('display','none');

或$(".ui-dialog-titlebar").hide(); }）;

因為在進行所有操作之前，應准備好文檔。