операции JQuery стиль

операции JQuery стиль

Настройка стилей

  • .css (), чтобы добавить стиль к метке
    • .css ( "атрибут", "значение атрибута")
    • .css ( "атрибут", "значение атрибута") .css ( "атрибут", "значение атрибута")
    • .css ({ "Свойства": "Значение атрибута"})

. ( "#Dv") CSS ( "фон", "красный");. ( "#Dv") CSS ( "фон", "красный") CSS ( "фон", "красный"). . $ ( "#") DV CSS ({ "фон": "красный", "ширина": "20px"});

// Получить ширину и высоту значений атрибутов ----> цифровая ширина = переменная . ( "#Dv") ширина () * 2;  высота переменная =( «#dv») высота () * 2 ;. // установить ширину и высоту элементов ---> параметр может быть цифровым строка ( "#Dv") ширина (ширина).( "#dv") высота (высота ) .;

Добавление стиля

  • .addClass (), чтобы добавить элементы, такие как стиль
    • addClass ( «имя класса стиля»), добавить стиль класса
    • . AddClass ( «Класс 1 Класс Стиль Дополнительного название Стиль 2»), множество стилей класса добавлен
    • Примечание: середина, чтобы добавить более одного стиля, когда разделенные пробелом

( "#Dv") addClass ( "ЦБС") ;. Стиль( "#Dv") addClass ( "cls_1 cls_2") ;. Более стиль

Удалить стиль

  • removeClass (), чтобы удалить стиль
    • removeClass ( «имя класса стиля»), удалить стили класса
    • removeClass () Удаляет все элементы текущего стиля

( "Тело") removeClass ( "ЦБС").( "Тело") removeClass ().

Независимо от того, чтобы применить стиль

  • hasClass () для определения того, применяется ли к стилю класса текущий элемент
    • hasClass ( «имя класса стиля»)

вар результат = $ ( "# ДВ") hasClass ( "ЦБС"), возвращаемое значение :. == верно == == == ложь

Переключение стилей элементов

  • Стиль переключение типа элемент; toggleClass ()
    • toggleClass ( "имя класса стиля");
    • Примечание: Этот метод можно добавлять и удалять различные стили операционного класса

$ ( "Body") toggleClass ( "ЦБС") ;. // переключение класса шаблон

Операция Общий стиль

  1. Получить ширину и высоту при условии

// Получить ширину и высоту значений атрибутов ----> цифровая ширина = переменная . ( "#Dv") ширина () * 2;  высота переменная =( «#dv») высота () * 2 ;. // установить ширину и высоту элементов ---> параметр может быть цифровым строка ( "#Dv") ширина (ширина).( "#dv") высота (высота ) .;

  1. Получить Установить местоположение

. ( "#Dv") смещение () слева.. ( "#Dv") смещение () сверху. . $ ( "#") DV смещение ({ "влево": 200, "верх": 200});

  1. Получает высоту полосы прокрутки

(Это) .scrollLeft ()(Это) .scrollTop ()

Воспроизводится в: https: //juejin.im/post/5cf20a99e51d45108223fc0d

рекомендация

отblog.csdn.net/weixin_34217711/article/details/91458693