使用Jquery在按钮单击上隐藏/显示Div

朋友们

这应该是我正在编写的第一个Jquery代码。我已经使用示例以及更多示例来制作最简单的jquery代码,以在Button Click(W3Schools值得一提)上显示Hello。我试图在单击按钮时显示一个包含Hello的div。

<div>
<input type="button" id="btn" class="btn btn-default" value="click me">
</div>

<div id="Create" style="visibility:hidden">
Hello
</div>

@section Scripts{
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$(document).ready(function () {
    $(btn).click(function () {
        $(Create).show();

    });
});
</script>
}

我曾尝试在许多地方(如在Scripts.Render之后)在其头部编写Script代码。我不确定我应该在哪里放置Jquery代码。

我将此代码附加到了MVC5应用程序中。编写此代码是为了学习。我认为View中的其他代码与Jquery的工作无关。

Maha Dev
<div>
<input type="button" id="btn" class="btn btn-default" value="click me">
</div>

<div id="Create" style="display:none">
Hello
</div>

@section Scripts{
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$(document).ready(function () {
    $("#btn").click(function () {
        $("#Create").toggle();
    });
});
</script>
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在按钮单击jquery上隐藏/显示div

来自分类Dev

如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

来自分类Dev

div在按钮上单击显示在jQuery中

来自分类Dev

在按钮上显示div单击

来自分类Dev

使用Jquery在按钮单击上显示模态

来自分类Dev

单击按钮上的jQuery显示并隐藏最接近的div

来自分类Dev

在按钮上隐藏div

来自分类Dev

在按钮单击上设置隐藏变量的值,然后使用.submit()jquery struts提交表单

来自分类Dev

在按钮单击jquery上显示非唯一的div类

来自分类Dev

在按钮上单击隐藏键盘

来自分类Dev

如何使用JavaScript在按钮单击上显示内容

来自分类Dev

使用 jquery 在按钮单击时复制表或 div 内容

来自分类Dev

显示/隐藏div,并在按钮上按下javascript(并先隐藏所有div)

来自分类Dev

显示/隐藏单选按钮上的按钮单击jQuery

来自分类Dev

在按钮上添加数字单击使用jQuery吗?

来自分类Dev

使用jquery ajax在按钮单击上的POST表单

来自分类Dev

单击按钮隐藏并显示div

来自分类Dev

单击按钮隐藏并显示div

来自分类Dev

在按钮单击上隐藏并显示第二个表单

来自分类Dev

在按钮单击、php、phalcon 上显示更多隐藏文本

来自分类Dev

如何根据按钮的值在单击事件上显示/隐藏 Div

来自分类Dev

如何立即将隐藏的div保持在按钮单击事件上,因为它立即消失

来自分类Dev

使用按钮单击JavaScript与子div显示/隐藏div

来自分类Dev

使用按钮单击JavaScript与子div显示/隐藏div

来自分类Dev

jQuery / css,基于单选按钮单击显示和隐藏div

来自分类Dev

在“单击”按钮上,突出显示第n个子级隐藏内容,使用jquery

来自分类Dev

在按钮单击时显示和隐藏下拉列表?

来自分类Dev

如何在按钮单击时应用显示和隐藏?

来自分类Dev

如何通过单击单选按钮使用dojo显示/隐藏DIV?

Related 相关文章

  1. 1

    在按钮单击jquery上隐藏/显示div

  2. 2

    如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

  3. 3

    div在按钮上单击显示在jQuery中

  4. 4

    在按钮上显示div单击

  5. 5

    使用Jquery在按钮单击上显示模态

  6. 6

    单击按钮上的jQuery显示并隐藏最接近的div

  7. 7

    在按钮上隐藏div

  8. 8

    在按钮单击上设置隐藏变量的值,然后使用.submit()jquery struts提交表单

  9. 9

    在按钮单击jquery上显示非唯一的div类

  10. 10

    在按钮上单击隐藏键盘

  11. 11

    如何使用JavaScript在按钮单击上显示内容

  12. 12

    使用 jquery 在按钮单击时复制表或 div 内容

  13. 13

    显示/隐藏div,并在按钮上按下javascript(并先隐藏所有div)

  14. 14

    显示/隐藏单选按钮上的按钮单击jQuery

  15. 15

    在按钮上添加数字单击使用jQuery吗?

  16. 16

    使用jquery ajax在按钮单击上的POST表单

  17. 17

    单击按钮隐藏并显示div

  18. 18

    单击按钮隐藏并显示div

  19. 19

    在按钮单击上隐藏并显示第二个表单

  20. 20

    在按钮单击、php、phalcon 上显示更多隐藏文本

  21. 21

    如何根据按钮的值在单击事件上显示/隐藏 Div

  22. 22

    如何立即将隐藏的div保持在按钮单击事件上,因为它立即消失

  23. 23

    使用按钮单击JavaScript与子div显示/隐藏div

  24. 24

    使用按钮单击JavaScript与子div显示/隐藏div

  25. 25

    jQuery / css,基于单选按钮单击显示和隐藏div

  26. 26

    在“单击”按钮上,突出显示第n个子级隐藏内容,使用jquery

  27. 27

    在按钮单击时显示和隐藏下拉列表?

  28. 28

    如何在按钮单击时应用显示和隐藏?

  29. 29

    如何通过单击单选按钮使用dojo显示/隐藏DIV?

热门标签

归档