Четверг, 05 Июля 2012 10:01

Добавить/удалить класс элемента при помощи jQuery

Written by 
Оцени эту запись
(19 Голоса)

В этой статье я расскажу как при помощи jQuery можно манипулировать с классами элементов.

 

Для того, чтобы добавить элементу класс, нужно использовать .addClass(). Ддя удаления - .removeClass().

 

Пример:

 

$('a').mouseover(function(){

$(this).addClass('hover');

});

 

$('a').mouseleave(function(){

$(this).removeClass('hover');

});

 

 

В этом случае, при наведении на каждую ссылку на странице ей будет добавляться класс hover. При уходе курсора со ссылки - класс hover будет удален. В таком случае можно еще использовать toggleClass(). Он работает по принципу - если такой класс у элемента ежу есть, то toggleClass его удаляет. Если такого класса нету - добавляет.

 

$('.button').click(function(){

$(this).toggleClass('open');

});

 

Здесь при первом клике на элемент с классом button элементу добавится класс open, при втором клике класс open удалится. Это в случае, если при загрузке страницы у элемента button класс open отсутствовал.

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов