Удаление и добавление класса jQuery / Скрипты / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Скрипты

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 539

Количество символов:

Посмотрели: 2129 раз

Помощь: установка & настройка

Подбери: Домен для сайта

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Скрипт, Script, snippet, Сниппет, Bootstrap, jQuery, HTML, Class, джейкери

Поделился: BootstrapТема

Добавлено: 2016-02-07 в 09:38

Метка: 1581670595

⇄ ⇅

<div class="container"><div class="row"><div class="col-md-6 col-md-offset-3">
<h1 class="text-center">Удаление и добавление класса jQuery</h1>

<h2 class="text-center">Удаление класса</h2>

<h3 class="text-center">Удаление</h3>
<pre><code>
&lt;script&gt;
$('a').removeClass('Class');
&lt;/script&gt;
</code></pre>

<h3 class="text-center">Удаление при наведении мышки</h3>
<pre><code>
&lt;script&gt;
$('a').mouseover(function(){
$(this).removeClass('Class');
});
&lt;/script&gt;
</code></pre>

<h3 class="text-center">Удаление при отводе мышки</h3>
<pre><code>
&lt;script&gt;
$('a').mouseleave(function(){
$(this).removeClass('Class');
});
&lt;/script&gt;
</code></pre>

<hr />

<h2 class="text-center">Добавление класса</h2>

<h3 class="text-center">Добавление</h3>
<pre><code>
&lt;script&gt;
$('a').addClass('Class');
&lt;/script&gt;
</code></pre>

<h3 class="text-center">Добавление при наведении мышки</h3>
<pre><code>
&lt;script&gt;
$('a').mouseover(function(){
$(this).addClass('Class');
});
&lt;/script&gt;
</code></pre>

<h3 class="text-center">Добавление при отводе мышки</h3>
<pre><code>
&lt;script&gt;
$('a').mouseleave(function(){
$(this).addClass('Class');
});
&lt;/script&gt;
</code></pre>

<hr />

<h2 class="text-center">Добавление и удаление класса</h2>

<h3 class="text-center">Один удаляется другой добавляется</h3>
<pre><code>
&lt;script&gt;
$('a').removeClass('Class').addClass('Class1');
&lt;/script&gt;
</code></pre>

<h3 class="text-center">При клике добавляется при двойном убирается</h3>
<pre><code>
&lt;script&gt;
$('a').click(function(){
$(this).toggleClass('Class');
});
&lt;/script&gt;
</code></pre>

</div>
</div>
</div>

BootstrapTema

Удаление и добавление класса jQuery

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0