アンカーでページの内容を変更する

Question

実際にウェブサイトを作成し、アンカーを使用してIDフッタをフォーカスするように検索しますが、アンカーがクリックされたときにフッタの背景色を変更する必要がありますjQueryを使って、それが、私は

<a id="footer"></a> 
<div class="footer"> 
Mail address: <a href="mailto:hidden for example">hidden for example</a> <i class="material-icons">mail_outline</i><br /> 
Skype: <a href="hidden for example">hidden for example</a> <i class="material-icons">chat_bubble_outline</i> 
<br /><br /> 
<span style="font-size: 16px;font-weight: bold;color: black;font-family: 'Raleway', sans-serif;">An original idea from hidden for example</span> 
</div> 

Answer 1

があなたのクリックイベントコールバックでこれを入れてjQueryの、唯一のネイティブジャバスクリプト）を使用していないよ

document.querySelector(".footer").classList.add("class-with-red-background") 

または

document.querySelector(".footer").style.backgroundColor = "red";