Javascript 是否可以在不使用href的情况下添加活动类？

我创建了一个1页的网站，但我使用js来避免在url中看到散列。
HTML:

<ul class="click crsl">
    <li><a class="page1 dot active"></a></li>
    <li><a class="page2 dot"></a></li>
    <li><a class="page3 dot"></a></li>
    <li><a class="page4 dot"></a></li>
</ul>

您只需在
单击
处理程序中添加类即可：

<script type="text/javascript">
    $(".dot").click(function() {
        $('html, body').animate({
            scrollTop: $("#pageOne").offset().top
        }, 1000);
        $('.active').removeClass('active');
        $(this).addClass("active");
    });
</script>


$（“.dot”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#pageOne”）.offset（）.top
}, 1000);
$（'.active'）.removeClass（'active'）；
$（此）.addClass（“活动”）；
});
您只需在
单击处理程序中添加类即可：

<script type="text/javascript">
    $(".dot").click(function() {
        $('html, body').animate({
            scrollTop: $("#pageOne").offset().top
        }, 1000);
        $('.active').removeClass('active');
        $(this).addClass("active");
    });
</script>


$（“.dot”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#pageOne”）.offset（）.top
}, 1000);
$（'.active'）.removeClass（'active'）；
$（此）.addClass（“活动”）；
});







JS:


$（“li a”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#pageOne”）.offset（）.top
}, 1000);
$（'.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
});







JS:


$（“li a”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#pageOne”）.offset（）.top
}, 1000);
$（'.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
只需使用
addClass（）
。
href
和类之间没有任何关系，只需检查我的解决方案，它将在每个situation@NikhilGhuse是的，你的答案是正确的。我不能接受答案。你能检查一下我问题的变化吗？对不起，为什么不。。。。？是的，您可以使用
addClass（）
。
href
和类之间没有任何关系，只需检查我的解决方案，它将在每个situation@NikhilGhuse是的，你的答案是正确的。我不能接受答案。你能检查一下我问题的变化吗？对不起，为什么不。。。。？是的，你can@NikhilGhuse这个答案是在30秒前提交的。不用担心，伙计们，我们给了他正确的答案，这才是最重要的。是的，它是。。因为他添加了与我相同的一行，而不是他的答案，这就是为什么…@NikhilGhuse这个答案是在30秒前提交的。不用担心，伙计们，我们给了他正确的答案，这才是最重要的。是的，它是。。因为他加了和我一样的一行，而不是他的答案这就是为什么。。。
   <ul class="click crsl">
     <li><a class="page1 dot active"></a></li>
     <li><a class="page2 dot"></a></li>
     <li><a class="page3 dot"></a></li>
     <li><a class="page4 dot"></a></li>
  </ul>

<script type="text/javascript">
  $("li a").click(function() {
     $('html, body').animate({
        scrollTop: $("#pageOne").offset().top
     }, 1000);
      $('.active').removeClass('active');
      $(this).addClass('active');
});

<-- up to page4 and #pageFour -->
 </script>