операции JQuery стиль
Настройка стилей
- .css (), чтобы добавить стиль к метке
- .css ( "атрибут", "значение атрибута")
- .css ( "атрибут", "значение атрибута") .css ( "атрибут", "значение атрибута")
- .css ({ "Свойства": "Значение атрибута"})
. ( "#Dv") CSS ( "фон", "красный") CSS ( "фон", "красный"). . $ ( "#") DV CSS ({ "фон": "красный", "ширина": "20px"});
// Получить ширину и высоту значений атрибутов ----> цифровая ширина = переменная
( «#dv») высота () * 2 ;. // установить ширину и высоту элементов ---> параметр может быть цифровым строка
( "#dv") высота (высота ) .;
Добавление стиля
- .addClass (), чтобы добавить элементы, такие как стиль
- addClass ( «имя класса стиля»), добавить стиль класса
- . AddClass ( «Класс 1 Класс Стиль Дополнительного название Стиль 2»), множество стилей класса добавлен
- Примечание: середина, чтобы добавить более одного стиля, когда разделенные пробелом
( "#Dv") addClass ( "cls_1 cls_2") ;. Более стиль
Удалить стиль
- removeClass (), чтобы удалить стиль
- removeClass ( «имя класса стиля»), удалить стили класса
- removeClass () Удаляет все элементы текущего стиля
( "Тело") removeClass ().
Независимо от того, чтобы применить стиль
- hasClass () для определения того, применяется ли к стилю класса текущий элемент
- hasClass ( «имя класса стиля»)
вар результат = $ ( "# ДВ") hasClass ( "ЦБС"), возвращаемое значение :. == верно == == == ложь
Переключение стилей элементов
- Стиль переключение типа элемент; toggleClass ()
- toggleClass ( "имя класса стиля");
- Примечание: Этот метод можно добавлять и удалять различные стили операционного класса
$ ( "Body") toggleClass ( "ЦБС") ;. // переключение класса шаблон
Операция Общий стиль
- Получить ширину и высоту при условии
// Получить ширину и высоту значений атрибутов ----> цифровая ширина = переменная
( «#dv») высота () * 2 ;. // установить ширину и высоту элементов ---> параметр может быть цифровым строка
( "#dv") высота (высота ) .;
- Получить Установить местоположение
. ( "#Dv") смещение () сверху. . $ ( "#") DV смещение ({ "влево": 200, "верх": 200});
- Получает высоту полосы прокрутки
(Это) .scrollTop ()
Воспроизводится в: https: //juejin.im/post/5cf20a99e51d45108223fc0d