如何使用jquery隐藏div

Question

我只想隐藏div，如果div包含div设置为0。

这是我的设计：

<div id="pnltickethistory" class="thumb">
    <img alt="" src="../images/emblem-library_64.png" name="ibtninquiryhistory" width="64" height="64" />
    <br/>
    <asp:LinkButton ID="lbut_inquiry_histrory" runat="server" onclick="lbut_inquiry_histrory_Click">Enquiry History</asp:LinkButton>
    <div class="noti_bubble" id="noti_bubble1">
        <asp:Label ID="lbl_inquiry_count" runat="server"></asp:Label>
    </div>
</div>

----------------------------------------- Updated-- -------------------------------------------

这是我的java脚本代码：

<script type="text/javascript" language="javascript">
$(document).ready(function(){                 
     var g1 = $('#lbl_inquiry_count').val();
     if(g1=='0')
     {
     $('#noti_bubble1').hide();
     }
     var g2 = $('#lbl_query_count').val();
     if(g2=='0')
     {
        $('#noti_bubble2').hide();
     }
     var g3 = $('#lbl_post_count').val();
     if(g2=='0')
     {
        $('#noti_bubble3').hide();
     }
});
</script>

这是我的css：

.thumb 
{
    position:relative;
    float:left;
    width:110px;
height:90px;
    padding:5px 5px 5px 5px;
    margin-right:30px;
    margin-bottom:20px;
    border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
background-color:none;
border:#67849C solid 2px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}
.thumb:hover
{
width:110px;
height:90px;
background-color:#E7EBF3;
border:#67849C solid 2px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding: 5px 5px 5px 5px;
}
.thumb img
{
    filter:alpha(opacity=100);
    opacity:100;
}
.thumb:hover img
{
    filter:alpha(opacity=40);
    opacity:0.7;
}
.noti_bubble {
    position:absolute;
    top: -6px;
    right:-6px;
    padding:1px 5px 1px 5px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:10pt;
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}

Answer 1

如何使用jquery隐藏div

假设noti_bubble3是要隐藏的div的班级名称，

简单地说，

$('.noti_bubble3').css('display', 'none'); // hide elements with class .noti_bubble3    

，或者

$('.noti_bubble3').toggle();

或

$('.noti_bubble3').hide();

供参考：

.css( property ) // will return property value
.css( property, value ) // will set property value

---

根据评论编辑，

$('#noti_bubble3').css('display', 'none'); // hide element with ID noti_bubble3

，或者

$('#noti_bubble3').hide();

，或者

$('#noti_bubble3').toggle();

参考.css() .hide() .toggle()

Answer 2

而不是.css('none')，请.css("display","none")。

然后阅读jQuery .css()。

Answer 3

使用可以使用$('...').hide();

Answer 4

要使用jquery隐藏某些内容，可以使用内置的hide方法：

$('your_selector').hide()

Answer 5

尝试fadeOut()或hide()方法。例如：

$('#my_div').hide();

或

$('#my_div').fadeOut();

Answer 6

请试试这个。选择具有指定属性的元素，其值始于给定字符串。

$("[id^= 'noti_bubble']").hide();

Answer 7

假设Label的文本内容为“0”时设置为0。然后你可以使用这段代码：

$('.noti_bubble').each(function() {
     var el = $(this).find('Label');
     if (!el.length) return true;
     var v = el.text();
     if (v == '0') $(this).hide();
});

Answer 8

好吧我得到的解决方案只是将runat =“server”添加到要隐藏的div中，你只需从后面的代码中使用这个div并使Visible = false;