TOC

Пример jQuery toggleClass

Пример jQuery toggleClass

МетодtoggleClass() означает, что если совпадающие элементы не имеют имени класса, добавьте его; если совпадающие элементы уже имеют имя класса, удалите его.

Давайте посмотрим на пример, простой тег «p». 

This is paragraph

Вызовите$(‘p’).toggleClass(‘highlight’), он добавит класс выделения к тегу «p». 

This is paragraph

Снова вызовите$(‘p’).toggleClass(‘highlight’), он удалит класс выделения из тега «p». 

This is paragraph

ToggleClass () также эквивалентен следующим кодам jQuery. 

if ($('p').is('.highlight')) {
    $('p').removeClass('highlight');
}
else{
    $('p').addClass('highlight');
}

Пример jQuery toggleClass 







  
jQuery toggleClass example


  
This is paragraph1

  
This is paragraph2 (toggleClass effect)

  
This is paragraph3

  
This is paragraph4 (add/remove effect)

Попробуйте демо

Related