Переписать 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 довольно сложна и делает много вещей за кулисами. Чтобы точно ответить на ваш вопрос, вам нужно предоставить нам немного больше информации, например:

Какие браузеры вы планируете поддерживать? jQuery очень хорош в том, чтобы оставаться совместимым с браузером, но он полагается на некоторые довольно хакерские вещи, чтобы сделать это. В идеале вы не хотите включать такие вещи в свой собственный код, лучше скрывать их в библиотеке.

У вас есть контроль над страницей? Не могли бы вы переписать это, чтобы рассматривать навигацию как элемент управления, поэтому у вас есть такие вещи, как URL-адрес изображения в переменной, вместо того, чтобы «извлекать» его из тега <a />?