当单击内联 html onclick 时,我试图使用 jQuery addClass 隐藏段落标记,但它似乎不起作用,有什么建议吗?
<head>
.remove {
display: none;
}
</head>
<body>
<a class="next" onclick="plusSlides(1)">›</a>
<P class="fade1">Where Innovation</P>
<script type="text/javascript">
$(".next").click (function () {
$(".fade1").addClass("remove");
});
</body>
最佳答案
你可以这样做:
$(".next").click(function(){
$(".fade1").addClass("remove");
});
.remove {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="next">›</a>
<p class="fade1">Where Innovation</p>
如果你更喜欢 jQuery 而不是 JavaScript 那么你总是必须包含它的库才能使用它,否则它不会工作。我在这里使用 2.1.1 版本的 jQuery CDN(内容分发网络)。
但您也可以下载它(生产或开发/压缩或未压缩)并使用 <script>
引用它通常标记为:
<script src="js/jquery-2.1.1.min.js"></script>
在哪里js
是一个典型的文件夹名称,您可以在其中保存所有 jQuery/JavaScript 文件,jquery-2.1.1.min
是一个包含所用版本信息的文件名,.js
作为必要的文件扩展名。
关于jquery - 单击内联 html onclick 时,尝试使用 jQuery addClass 隐藏段落标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48155211/