Добавление и Удаление Класса HTML

Другая общая задача с jQuery - добавление или удаление класса.

Важно: Следует поместить остающиеся jQuery примеры в событие ready так, чтобы Ваш код выполнился, когда документ готов к работе.

Во-первых, добавьте некоторую информацию о стилях в раздел <head> документа, например:

<style>
a.test {
    font-weight: bold;
}
</style>

Затем, добавьте вызов .addClass() к сценарию:

Пример

$( "a" ).addClass( "test" );

Попробуйте Сами »

Все элементы <a> являются теперь жирными.

Чтобы удалить существующий класс, используйте .removeClass():

$( "a" ).removeClass( "test" );

Спецэффекты

jQuery также обеспечивает некоторые удобные эффекты, чтобы помочь Вам заставить Ваши веб-сайты выделиться. Например, когда Вы создаете обработчик щелчка:

Пример

$( "a" ).click(function( event ) {
event.preventDefault();
$( this ).hide( "slow" );
});

Попробуйте Сами »

Далее: Запуск Кода JavaScript

Смотрите также

Комментарии

Написать