Добавление и Удаление Класса HTML
Другая общая задача с jQuery - добавление или удаление класса.
Важно: Следует поместить остающиеся jQuery примеры в событие ready
так, чтобы Ваш код выполнился, когда документ готов к работе.
Во-первых, добавьте некоторую информацию о стилях в раздел <head>
документа, например:
<style>
a.test {
font-weight: bold;
}
</style>
Затем, добавьте вызов .addClass()
к сценарию:
Все элементы <a>
являются теперь жирными.
Чтобы удалить существующий класс, используйте .removeClass()
:
$( "a" ).removeClass( "test" );
Спецэффекты
jQuery также обеспечивает некоторые удобные эффекты, чтобы помочь Вам заставить Ваши веб-сайты выделиться. Например, когда Вы создаете обработчик щелчка:
Пример
$( "a" ).click(function( event ) {
event.preventDefault();
$( this ).hide( "slow" );
});
event.preventDefault();
$( this ).hide( "slow" );
});
Попробуйте Сами »