Javascript Jquery中显示/隐藏文本框的问题？_Javascript_Jquery_Jquery Ui

Javascript Jquery中显示/隐藏文本框的问题？

javascript jquery jquery-ui

Javascript Jquery中显示/隐藏文本框的问题？,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我可以隐藏按钮点击事件的文本框，以及如何显示同一按钮点击事件的文本b ox？这意味着，如果文本框显示，如果我单击它应该隐藏的按钮，如果文本框隐藏，那么我单击它应该查看的按钮。我该怎么做？下面是我的代码 <body> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> <script> $

我可以隐藏按钮点击事件的文本框，以及如何显示同一按钮点击事件的文本b ox？这意味着，如果文本框显示，如果我单击它应该隐藏的按钮，如果文本框隐藏，那么我单击它应该查看的按钮。我该怎么做？下面是我的代码

<body>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").hide();
    });
});
</script>
</head>
<body>
<input type=text id=txt></input>
<input type=button id=btn value="Click Me"></input>
</body>


$（文档）.ready（函数（）{
$（“输入#btn”）。单击（函数（）{
$（“input#txt”）.hide（）；
});
});

任何建议

使用。而不是jQuery的函数。将代码更改为：

$(document).ready(function(){      
    $("#btn").click(function () {
        $("#txt").toggle();
    });
});

无需在ID前面放置任何选择器，因为ID是唯一的，因此额外的选择器是多余的。

使用。而不是jQuery的函数。将代码更改为：

$(document).ready(function(){      
    $("#btn").click(function () {
        $("#txt").toggle();
    });
});

无需在ID前面放置任何选择器，因为ID是唯一的，因此额外的选择器是多余的。

使用。而不是jQuery的函数。将代码更改为：

$(document).ready(function(){      
    $("#btn").click(function () {
        $("#txt").toggle();
    });
});

无需在ID前面放置任何选择器，因为ID是唯一的，因此额外的选择器是多余的。

使用。而不是jQuery的函数。将代码更改为：

$(document).ready(function(){      
    $("#btn").click(function () {
        $("#txt").toggle();
    });
});

无需在ID前面放置任何选择器，因为ID是唯一的，因此额外的选择器将是多余的。

而不是

.hide（）

user

.toggle（）

。这会解决你的问题。jQueryAPI的链接是

而不是

.hide（）

用户

.toggle（）

。这会解决你的问题。jQueryAPI的链接是

而不是

.hide（）

用户

.toggle（）

。这会解决你的问题。jQueryAPI的链接是

而不是

.hide（）

用户

.toggle（）

。这会解决你的问题。jQueryAPI的链接是

您也可以设置动画

<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").slideToggle('slow',null);
    });
 });
</script>


$（文档）.ready（函数（）{
$（“输入#btn”）。单击（函数（）{
$（“input#txt”）.slideToggle（'slow'，null）；
});
});

您也可以设置动画

<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").slideToggle('slow',null);
    });
 });
</script>


$（文档）.ready（函数（）{
$（“输入#btn”）。单击（函数（）{
$（“input#txt”）.slideToggle（'slow'，null）；
});
});

您也可以设置动画

<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").slideToggle('slow',null);
    });
 });
</script>


$（文档）.ready（函数（）{
$（“输入#btn”）。单击（函数（）{
$（“input#txt”）.slideToggle（'slow'，null）；
});
});

您也可以设置动画

<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").slideToggle('slow',null);
    });
 });
</script>


$（文档）.ready（函数（）{
$（“输入#btn”）。单击（函数（）{
$（“input#txt”）.slideToggle（'slow'，null）；
});
});

我需要相同的设置，但默认情况下，文本框应隐藏，通过点击事件显示，以便使用CSS（display:none）或$（“#txt”）.hide（）隐藏文本框；我需要相同的设置，但默认情况下，文本框应该隐藏，按点击事件显示，然后使用CSS（display:none）或$（“#txt”）.hide（）隐藏；我需要相同的设置，但默认情况下，文本框应该隐藏，按点击事件显示，然后使用CSS（display:none）或$（“#txt”）.hide（）隐藏；我需要相同的设置，但默认情况下，文本框应该隐藏，按点击事件显示，然后使用CSS（display:none）或$（“#txt”）.hide（）隐藏；