ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Jquery удалить класс у элемента

В отличии от Js(удаление класса) в библиотеке jquery удалить класс намного проще… в смысле количества кода.. да и вообще.... И чем дальше я узнаю jquery, то более склоняюсь к выводу, что там намного продуманнее и проще сделано все, с чем я только сталкиваюсь… Но хватит лирики давайте разберёмся с удалением класса в jquery.

Возьмем .. как и в прошлый раз исходники с прошлой страницы и изменим лишь цвет текста… например на зеленый.

1. 1.1.

Класс стилей:

<style>.example{color: green;}</style>
1.2.

Код дива:

<div class="example" >Здесь текст, который покрашен в зеленый</div>

Так будет выглядеть наш див вместе с текстом.

1.3.

Результат:

Здесь текст, который покрашен в зеленый

2.

Чтобы управлять классом нужно как-то обратиться к этому элементу и в данном случае нам нужен идентификатор.

2.1. Добавим идентификатор id="change" идентификатор(id)
2.2.

Код дива:

<div class="example" id="change">Здесь текст, который покрашен в зеленый</div>

2.3. Теперь нам понадобится removeClass :
<script>$("#change").removeClass();</script>

2.4.

Результат:

Тот текст, который был покрашен в зеленый, теперь не окрашивается, потому, что класса, который красил – просто нет – он удален с помощью - jQuery

2.5.

После того, как мы удалили класс с помощью jquery , код будет выглядеть таким образом:

<div class="" id="change">Тот текст, который был покрашен в зеленый, теперь не окрашивается, потому, что класса, который красил – просто нет – он удален с помощью - jQuery</div>

P.S.

Это очень простой пример – сделал специально настолько просто, насколько это было возможно, чтобы можно было с первого взгляда понять, как можно просто удалить класс в jquery!

Процесс: 1. Для поднимания процесса используйте : console.log
2. Или alert : alert(element);
3. jquery : jquery
Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
jquery удалить класс jquery удалить класс у элемента

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019