Jqueryを通常のJavascriptに書き直します。

Question

通常のJavaScriptで以下のコードをどのように書き直しますか？私はjQueryライブラリをロードしたくない。

$(document).ready(function() { 
$('.navigation li').click(function() { 
$('.navigation li').removeClass('navActive'); 
$(this).addClass("navActive"); 
    bgImage = $(this).find('a').attr('href').replace('#', '')+'.jpg'; 
    $('.background').css("background-image", 'url(images/skins/'+bgImage+')'); 
}); 
}); 

Answer 1

jqueryライブラリはかなり複雑で、背後にはたくさんのものがあります。質問に正確に回答するには、次のような情報をGoogleに提供する必要があります。

サポートを予定しているブラウザはどれですか？ jQueryはクロスブラウザとの互換性を維持するのに非常に優れていますが、これを行うにはかなり面倒なことがいくつかあります。理想的には、このようなことを自分のコードに含めることは望ましくありません。ライブラリ内に隠す方がよいでしょう。

ページを制御できますか？これを書き換えてナビゲーションをコントロールとして扱うことができるので、<a />タグから「URLを抽出する」のではなく、変数にイメージURLのようなものがありますか？