Question

我有一个div，我试图用JQuery函数隐藏它;

nullptr

这是指按钮;

function hideDiv() {

        $('SearchDiv').hide()
    }

div看起来像这样;

<input type="button" style="width:170px; float:right;" value="Search" OnClick="hideDiv()"/>

我尝试使用客户端ID，将按钮更改为asp：按钮，但仍然没有运气显示div！我也在这里查看了论坛，但没有找到适合我的任何内容。

非常感谢任何帮助！

Answer 1

您选择SearchDiv类型的元素，您应该选择ID为SearchDiv的元素：

$("#SearchDiv").hide();

有关详细信息，请参阅documentation for the ID selector。

另外，请考虑在您的代码中附加事件（因此它在逻辑上仍然可以在禁用JS的情况下运行并且不会混淆问题），这将删除OnClick部分，如下所示：

// be sure to put the script tag at the end of your body section.
$("#SearchDiv").click(function(){
     $(this).hide();
});

将CSS保存在CSS文件中（而不是内联）（或至少在style标记中）也是最佳做法，它可以提高性能并允许从外部进行调整。

Answer 2

添加selector后，您遗失selector，但工作正常。

请参阅snippest。

function hideDiv() {

        $('#SearchDiv').hide()
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="SearchDiv"  style=" border-bottom: 1px; border-style: solid; border-color: darkgrey; background-color: #F3F3F4; width: 100%; color: #4a3c8c; font-family: Verdana; font-size: 9pt;">TEST</div>
<input type="button" style="width:170px; float:right;" value="Search" OnClick="hideDiv()"/>

JQuery Hide div无效

2 个答案: