gpt4 book ai didi

javascript - jQuery 的 hide() 和 show() 的 JavaScript 等价物是什么?

转载 作者:技术小花猫 更新时间:2023-10-29 12:01:16 29 4
gpt4 key购买 nike

<分区>

我有一个简单的隐藏和显示 jQuery 代码,我想问一下是否有等效于 JavaScript 的代码?这是我的代码。

$(document).ready(function() {
$("#myButton").hide();
$("#1").click(function() {
$("#myButton").show();
$("#myButton").click(function() {
$("#myButton").hide();
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
<option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />

我遵循了下面评论中的一些代码,但它们不起作用:

<script>
document.getElementById('myButton').style.display = 'none';

function selectOptionsupdated(select) {
document.getElementById('myButton').style.display = 'block';
}
</script>

<select onSelect="selectOptionsupdated(this)">
<option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />

我想要的是一开始按钮是隐藏的,当我点击 <option>标记“科学”按钮出现,当我单击该按钮时,该按钮在单击后隐藏。如果还有更多 <option> 怎么办?标签?

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