如何添加和修改類對身體標記/ DIV

Question

我想補充的body標籤/ DIV和錨標記類，當我點擊一個錨標記。

Here is my jsFiddle File.

<div id="body"> 
<!-- background image here --> 

</div> 

<ul> 
    <li><a href="#">First Option</a></li> 
    <li><a href="#">Second Option</a></li> 
    <li><a href="#">Third Option</a></li> 
</ul>​ 

Answer 1

這應該做的伎倆。

$("li a").click(function(){ 
    $(this).addClass("class1"); 
    $("#body").addClass("class2"); 
}); 

Answer 2

http://jsfiddle.net/4nFUd/5/

事件偵聽器添加到點擊並根據需要修改......

<script> 
$('ul').on('click','a',function(){ 
    $('#body').css('background',$(this).attr('rel')); 
    $(this).addClass($(this).attr('rel')); 
}); 
</script> 
<div id="body"> 
<!-- background image here --> 

</div> 

<ul> 
    <li><a href="#" rel="blue">First Option</a></li> 
    <li><a href="#" rel="green">Second Option</a></li> 
    <li><a href="#" rel="yellow">Third Option</a></li> 
</ul> 

Answer 3

這裏是，廣告類的身體和其自身錨固 http://jsfiddle.net/testtracker/4nFUd/2/

$('ul li a').click(function(){ 
$('#body').addClass('classname-tobody'); 
$(this).addClass('classname-toanchor'); 
});​