[英]How to hide a div using javascript
I want to hide a div using Javascript. 我想使用Javascript隐藏div。 Below is my 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>
I tried below javascript, but didnt work. 我尝试了以下javascript,但没有成功。
$(".ui-dialog-titlebar").css('display','none');
Any idea? 任何想法?
That's not javascript, but jQuery: 那不是JavaScript,而是jQuery:
You can simply use hide() method: 您可以简单地使用hide()方法:
$(".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 . 您可以在此处了解有关jQuery的更多信息。
you have so many ways 你有很多方法
$(".ui-dialog-titlebar").hide();
$(".ui-dialog-titlebar").fadeOut();
$(".ui-dialog-titlebar").css('display','none !important');
Put it in document.ready()
: 把它放在
document.ready()
:
$(function(){
$(".ui-dialog-titlebar-close").css('display','none');
})
and you can also use hide()
: 您还可以使用
hide()
:
$(function(){
$(".ui-dialog-titlebar-close").hide();
})
ideally hiding with ID would be more flexible way. 理想情况下,使用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 code for hiding:- 隐藏的JS代码:-
$(document).ready(function() {
$("#hidingDiv").hide();
});
Try this 尝试这个
$(document).ready(function(){
$(".ui-dialog-titlebar").hide();
});
you can use you own code as: 您可以将自己的代码用作:
$(document).ready(function(){
$(".ui-dialog-titlebar").css('display','none');
or $(".ui-dialog-titlebar").hide();
或
$(".ui-dialog-titlebar").hide();
}); });
because before doing all there document should be ready. 因为在进行所有操作之前,应准备好文档。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.