jquery - 单击内联 html onclick 时,尝试使用 jQuery addClass 隐藏段落标记?

标签 jquery html css

当单击内联 html onclick 时,我试图使用 jQuery addClass 隐藏段落标记,但它似乎不起作用,有什么建议吗?

<head>

     .remove {

        display: none;

     }

</head> 

<body>

           <a class="next" onclick="plusSlides(1)">&rsaquo;</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">&rsaquo;</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/

相关文章:

jquery - 显示 anchor 时停止悬停

jquery - jQuery 中的输入字段占位符

javascript - 在 Microsoft Ajax 中,$find 究竟做了什么?

php - 单个数组中的多个 mysql 查询结果

html - Border-bottom 在 Chrome 和 Firefox 中不是下划线;在 IE 中工作

jquery - 如何设置已动态添加到页面的元素的高度

javascript - 通过回调返回ajax?

jQuery 使用一个 .js 文件实现不同页面的不同操作

javascript - 使用 JQuery 控制 <select> 的打开/关闭

javascript - 如果有嵌套的输入元素,则替换标签的文本