gpt4 book ai didi

javascript - Jquery 中显示/隐藏文本框的问题?

转载 作者:行者123 更新时间:2023-11-28 19:53:52 24 4
gpt4 key购买 nike

我能够在按钮的单击事件上隐藏文本框,以及如何在单击同一按钮时显示文本框?这意味着如果文本框显示,如果我单击它应该隐藏的按钮,如果文本框隐藏,那么我单击它应该查看的按钮。我怎样才能做到这一点?以下是我的代码,

<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>

有什么建议吗!!!

最佳答案

使用。 jQuery 的 .toggle()函数代替。将代码更改为:

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

<强> jsFiddle example

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

关于javascript - Jquery 中显示/隐藏文本框的问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22938729/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com