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