Добавление jQuery в код js

Я хотел сделать это заявление с помощью jQuery, но не могу заставить его работать. В этом заявлении я нажимаю на изображение в своем html и меняю его на новое изображение (img/HeaderImg2.jpg) Пожалуйста, помогите.Добавление jQuery в код js

var imageButton = document.getElementById('headerImg'); 
    imageButton.addEventListener('click', function(e) 
    { 
    console.log(e); 
    imageButton.src ='img/HeaderImg2.jpg'; 
    } ,false);

источник

2014-01-27 lpoole

Почему вы хотите переключиться на jQuery, если он уже работает с ванильным JavaScript? Не исправляйте его, если он не сломался. –

@ElliotBonneville Возможно, он хочет узнать больше о jQuery. – SomeKittens

Я понимаю, что если javascript работает, сохраните его, но я пытаюсь изучить jQuery и как он работает. – lpoole

Попробуйте это:

$('#headerImg').on('click',function(e) { 
    console.log(e); 
    $(this).attr('src','img/HeaderImg2.jpg'); 
});

Btw, то лучше использовать ваниль Javascript, кроме использования JQuery, если вы в состоянии сделать это.

источник

2014-01-27 03:07:21 Felix

Спасибо, что было очень полезно. Если бы я хотел изменить свой заголовок, когда я нажимаю тот же образ, как бы это сделать? прямо сейчас я использую детские коды. var pageTitle = document.getElementById ('header'); imageButton.addEventListener ('щелчок', функция (е) { console.log (header.childNodes); header.childNodes [1] .innerHTML = "Привет" }, ложь); – lpoole

Вы можете попробовать: '$ ('# header'). Find (': eq (1)'). Html ('Hello');' – Felix

_it лучше использовать javascript для vanilla, кроме использования jQuery, если вы способный сделать это. Я бы сказал, что это зависит, если бы у меня уже была библиотека jQuery, я бы использовал ее над vanilla JS, но не включил бы ее только ради нее. Просто будьте последовательны в проекте. –

Добавление jQuery в код js

ответ

Смежные вопросы