gpt4 book ai didi

javascript - 单击切换类

转载 作者:太空宇宙 更新时间:2023-11-03 20:23:47 25 4
gpt4 key购买 nike

您好,我有一个关于简单 Javascript 函数的问题。下面的代码很容易看到,当用户点击点击按钮时我想切换类我的意思是当页面加载时“This is para”需要显示然后当用户点击点击按钮时文本需要更改为这是更新。但不知道为什么它不起作用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
.none {
display: none;
}
.display1 {
display: block;
}
</style>
</head>
<body>
<p id="default">This is para</p>
<p id="updated" style="display:none">This is updated</p>
<p><input type="button" value="Click" id="button1" /></p>

<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function(){
$("#default").addClass("none");
$("#updated").addClass("display1");
});

});
</script>
</body>
</html>

最佳答案

改为这样做:

$("#default").hide(); 
$("#updated").show();

并且您可以去掉 nonedisplay1 类。

发生在你身上的是 style="display:none" 优先于一个类,所以它永远不会那样显示。

关于javascript - 单击切换类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4149142/

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