JAVASCRIPT-单击即可更改元素CSS

我有一个导航栏，当点击时，页面将滚动到页面的该部分。我用了这个脚本

$('li a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
    return false;
});

如何更改此元素的样式，使其在单击时滑入页面的某个部分，并且导航栏将具有不同的背景图像？

---

我尝试在链接中添加onclick（）函数。它可以工作，但不会滚动到页面中它应该滑动的部分。我尝试将脚本添加到滑动脚本中，希望它可能有效果，但它不起作用

您可以将其添加到该函数中

$('li a').click(function(){
    var el = $(this);

    $('li a').removeClass('selected');
    el.addClass('selected');

    $('html, body').animate({
        scrollTop: $( el.attr('href') ).offset().top
    }, 500);
    return false;
});

从任何li中删除“选定”类，然后将其添加到当前单击的类中。

您可以使用$（element）.css（cssElement，value）更改css

例如：

$("#myDiv").click(function(){
    $(this).css("background-color", "Black");
});