JAVASCRIPT-单击更改CSS元素

Question

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

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

如何更改此元素的样式，以便在单击该元素时将其滑入页面的特定部分，并且导航栏将具有不同的背景图像？ 我尝试在链接中添加onclick（）函数。 它可以工作，但不会滚动到应该滑动的页面部分。 我尝试将脚本添加到滑动脚本中，希望它可以起作用，但不起作用。

Answer 1

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

$('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中删除“ selected”类，然后将其添加到当前单击的类中。

Answer 2

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

例：

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