Лучшая альтернатива для метода jQuery toggle ()?
4977 просмотра
4 ответа
jQuery устарел метод toggle (). Это был способ легко переключать классы. При поиске в стеке потока я нашел несколько других методов для выполнения той же задачи ( Альтернатива методу .toggle () jQuery, который поддерживает eventData? ). Какой фрагмент кода jQuery должен быть идеальным для переключения классов для этой разметки?
Спасибо
Разметка:
<a href="#">Toggle Class</a>
<div class="a"></div>
CSS:
.a{
background: #f2f2f2;
}
.b{
background: #ededed;
}
Автор: Rajender Joshi
Источник
Размещён: 12.11.2019 09:27
Ответы (4)
9 плюса
В этом случае просто используйте .toggleClass()
.
$("a").click(function(){
$("div").toggleClass("a b");
});
Автор: Kevin B
Размещён: 27.03.2013 03:48
0 плюса
http://api.jquery.com/toggleClass/
toggleClass()
кажется, что вы хотите / нужно.
0 плюса
toggle()
функция, используемая для переключения вида. У которого есть проблемы с производительностью. (Буду рекомендовать не использовать)
toggleClass()
используется для переключения класса.
Дело 1
<div id='mydiv' class="class1"></div>
$('#mydiv').toggleClass('class1 class2');
output: <div id='mydiv' class="class2"></div>
случай: 2
<div id='mydiv' class="class2"></div>
$('#mydiv').toggleClass('class1 class2');
output: <div id='mydiv' class="class1"></div>
случай: 3
<div id='mydiv' class="class1 class2 class3"></div>
$('#mydiv').toggleClass('class1 class2');
output: <div id='mydiv' class="class3"></div>
Автор: Arun Pratap Singh
Размещён: 11.04.2014 06:36
0 плюса
Если у вас есть только 1 класс для переключения (включение и удаление), ниже должно работать нормально:
$("a").click(function(){
$(this).toggleClass('class1', '');
});
Автор: damian
Размещён: 21.03.2014 09:39
Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- javascript Скрипт входа со скрытыми кнопками
- javascript Как автоматически изменить размер текстовой области с помощью Prototype?
- javascript Удаление элементов с помощью Array.map в JavaScript
- javascript Прокрутка переполненных DIV с помощью JavaScript
- javascript API Карт Google - проблемы с классом GLatLngBounds
- javascript Проверка десятичных чисел в JavaScript - IsNumeric ()
- jquery Экранирование строк HTML с помощью jQuery
- jquery Как сравнить HTML-сущность с JQuery
- jquery Есть ли функция "существует" для jQuery?
- jquery Как удалить все параметры в окне выбора, а затем добавить один вариант и выбрать его с помощью jQuery?
- jquery Получение идентификатора элемента, который вызвал событие
- jquery Как получить результат из модального диалога в JQuery
- jquery Удалите все классы, начинающиеся с определенной строки.
- jquery Как мне остановить эффект в jQuery
- jquery Как показать загрузочный счетчик в jQuery?