jqueryを使ってクラスやスタイルを追加/削除する方法

Question

入れ子になっているulを表示し、他の開いているものをクリックして隠すコードがあります。私の質問は、どうやって背景画像を親liに入れて、入れ子にされたulを開き、それが閉じた親のliから背景画像を取り除くことができるかということです。ここ

は私のjQueryのです：

$(document).ready(function() { 
    $('ul ul').hide(); 

    $('ul li > a').click(function(event) { 
     $('ul ul').hide('slow'); 


     $(this).parent().find('ul').show('slow'); 
    }); 

});; 

Answer 1

$('#item').addClass('myClass'); //will add the class 
$('#item').removeClass('myClass'); //will remove the class 


$('#item').toggleClass('myClass'); //will toggle the class (add it if doesn't have it or remove it if it does) 

とインラインスタイル

$('#item').css({'color':'red','background':'blue'}); //will override those properties 

Answer 2

あなたはaddClass()またはremoveClass()を使用してクラスを追加または削除することができます。

Answer 3

私が正しく理解していた場合、あなたは

$('ul li > a').click(function(event) { 
    $(this).parent("li").css("background-image", "url('foo.png')"); 
});