Question

我需要在文档加载时隐藏div中的输入和按钮元素。只有在单击按钮后才会显示div。我的HTML代码是：

$("#bs-navbar-search").hide();     
$("#bs-navbar-search").children().hide();
$("#bs-navbar-search form div input, #bs-navbar-search form button").hide();

<div class="collapse navbar-collapse searchbar-navbar" id="bs-navbar-search">
    <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search" id="navbar-search-box">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>

但上面的JQuery代码似乎都没有工作。我在这里做错了吗？请帮忙。

Answer 1

您的代码有效，但有一些错误：

您需要删除＆＃39;，＆＃39;在jquery函数结束时
您只需要隐藏＃bs-navbar-search div。它会隐藏它所吞噬的一切（你的输入和提交将被隐藏）。
我没有看到包含jQuery，也许你在代码的另一部分中做了。
如果您将此jQuery代码放在页面的开头，则需要将其包装在document.ready中

＆＃13;

$("#bs-navbar-search").hide();

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div class="collapse navbar-collapse searchbar-navbar" id="bs-navbar-search">
  <form class="navbar-form navbar-left" role="search">
    <div class="form-group">
        <input type="text" class="form-control" placeholder="Search" id="navbar-search-box">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</div>

＆＃13;

Answer 2

隐藏div的子项对我来说很好...只需使用$("#bs-navbar-search").children().hide();隐藏div中的元素。运行代码段并亲自查看（它没有显示任何内容，因为它隐藏了元素）。您确定要使用jQuery库并正确链接您的javascript源吗？你使用的javascript / jQuery代码也有你不应该使用的逗号，但是我不确定你是否这样做只是为了向我们展示你尝试过的东西，或者这是你的实际代码。

无论如何，这应该做到这一点：

＆＃13;

$("#bs-navbar-search").children().hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="collapse navbar-collapse searchbar-navbar" id="bs-navbar-search">
        <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search" id="navbar-search-box">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
        </form>
     </div>

＆＃13;

Answer 3

你忘了包含jQuery。（在左侧的编辑器中你可以选择它）

Button btn = (Button) findViewById(R.id.mybutton);

btn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // do anything
    }
});

def _add_corners(self, im, rad=100):
    circle = Image.new('L', (rad * 2, rad * 2), 0)
    draw = ImageDraw.Draw(circle)
    draw.ellipse((0, 0, rad * 2, rad * 2), fill=255)
    alpha = Image.new('L', im.size, "white")
    w, h = im.size
    alpha.paste(circle.crop((0, 0, rad, rad)), (0, 0))
    alpha.paste(circle.crop((0, rad, rad, rad * 2)), (0, h - rad))
    alpha.paste(circle.crop((rad, 0, rad * 2, rad)), (w - rad, 0))
    alpha.paste(circle.crop((rad, rad, rad * 2, rad * 2)), (w - rad, h - rad))
    im.putalpha(alpha)
    return im

Answer 4

你可以做很多事。你可以使用我的代码，它应该工作。您应该之前加载jquery库。

<div class="collapse navbar-collapse searchbar-navbar" id="bs-navbar-search">
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search" id="navbar-search-box">
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </form>

                </div>

显示Div

<script>

$（document）.ready（function（）{ $（ “＃BS-导航栏搜索”）隐藏（）;

function myFunction() {
    $("#bs-navbar-search").show();
}

}）;

Answer 5

SELECT p.*
FROM products p 
INNER JOIN category c ON p.category_id = c.category_id
WHERE c.category_name LIKE '%search%';

`<script>`
$(document).ready(function(){

        $("#bs-navbar-search").hide();,
       
          $("#bs-navbar-search").children().hide();,

        $("#bs-navbar-search form div input, #bs-navbar-search form button").hide();
});

Answer 6

我已根据您的要求修改了您的代码。如果您有任何疑问，请检查并告诉我。

scope pertains to the variable access of a function when it is invoked and is unique to each invocation

$(document).ready(function(){
    $("#divSearch").hide();
    $("#showSearch").on("click",function(){
        $("#divSearch").show();
    });
});

使用jquery隐藏div中的内容元素

6 个答案: