Javascript 当我单击按钮并显示不同的样式时，如何隐藏某个样式

*{
保证金：0；
填充：0；
}
#标志{
宽度：100%；
文本对齐：居中；
}
#标识说明{
文本对齐：居中；
宽度：100%；
}
#第1页卡普顿{
文本对齐：居中；
填充：0 20px 0；
}
#next1{
背景色：透明；
边界半径：6px；
边框：实心3px；
显示：块；
保证金：0自动；
填充：20px 50px 20px；
}
按钮：焦点{
大纲：0！重要；
}
#next1：悬停{
背景色：黑色；
颜色：白色；
}

模板一
Web4Ever
未来是奇怪的


Lorem ipsum Door sit amet，Adipising Elite，sed do eiusmod

卢克图斯·特里斯蒂克。这是一种封建制度
下一个

我认为您需要

jqueryremoveclass

在您的按钮上单击事件删除您不想要的类

例如：

<div id="mycontent"> My content</div>
<button id="someEvent">Next</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $("#someEvent").on('click', function(){
       $("#mycontent").removeClass('class_name') /* if you want to remove some style under class */
       $("#mycontent").addClass('class_name') /* if you want to show or add class */
    })
</script>

我的内容
下一个
$（“#someEvent”）。在（'click'，function（）上{
$（“#mycontent”）.removeClass（'class#u name'）/*如果要删除类下的某些样式*/
$（“#mycontent”）.addClass（'class#u name'）/*如果要显示或添加类*/
})

不确定您的具体需求是什么，但听起来您可能正在寻找

jQuery

。它是一个

javascript

库，专门设计用于简化此类任务

这里我使用

单击

和

切换类

方法切换样式

希望这有帮助

$（“#示例”）。在（'click'，function（）上{
$（this.toggleClass（“foobar”）；
})

#示例{
颜色：#555；
字体大小：20px；
填充：10px；
}
福巴先生{
颜色：珊瑚；
边框：2个实心珊瑚；
填充：10px；
}

单击我

我已尝试使用您的代码，并使用jquery按以下方式完成。您可以看到我正在使用按钮上的单击事件来显示/隐藏页面

$（函数（）{
$（'.page block'）.hide（）；
$（'#page1'）.show（）；
$（“.btn”）。单击（函数（e）{
var pageId=$（e.target）.data（'target'）；
$（'.page block'）.hide（）；
$（'#'+pageId）.show（）；
});
});
*{
保证金：0；
填充：0；
}
.c-btn{
左边距：10px；
}

模板一
Web4Ever
第1页
Lorem ipsum Door sit amet，Adipising Elite，sed do eiusmod
luctus tristique。这是一种封建制度
第2页
第2页，第2页，第2d页
第2e页。这是一种封建制度
第3页
第3页IT amet，连续第3页Elit，sed do eiusmod
luctus tristique。这是一种封建制度
第4页
第4页第4页第4m页第4页或第4页阿梅特，阿迪皮西奇精英，sed do eiusmod
luctus tristique。圣职
我正在钓鱼
第1页
第2页
第3页
第4页
到目前为止，您尝试了什么？你能添加一些代码片段吗？检查，希望这有帮助：）我能在javascript文件中添加吗？我如何包含jquery？很抱歉，我只花了两个星期的时间，当我输入你的javascript代码时，我得到了这个错误{“消息”：“未捕获的引用错误：$未定义”，“文件名”：“lineno”：72，“colno”：9}这个错误是由于jquery未定义造成的。我的答案是错的，检查一下。。在编写脚本之前，启动jquery