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"); 
});