Как определить несколько атрибутов CSS в JQuery?

Есть ли какой-либо синтаксический способ в JQuery для определения нескольких атрибутов CSS, не строгая все вправо так:

$("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); 

Если у вас, скажем, 20 из них, ваш код станет трудно читать, любые решения?

Например, из jQuery API jQuery понимает и возвращает правильное значение для обоих

 .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) 

а также

 .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }). 

Обратите внимание, что в нотации DOM кавычки вокруг имен свойств являются необязательными, но с обозначением CSS они требуются из-за дефиса в имени. – zanetu S

лучше просто использовать .addClass, даже если у вас 1 или больше. Более удобная и понятная.

Если у вас действительно есть желание сделать несколько реквизитов css, используйте

NB Любые реквизиты css с дефисом должны быть указаны.

 .css({ 'font-size' : '10px', 'width' : '30px', 'height' : '10px' }); 

Я разместил кавычки, поэтому никто не должен будет разъяснять это, и код будет на 100% функциональным.

передать ему объект json:

 $(....).css({ 'property': 'value', 'property': 'value' }); 

http://docs.jquery.com/CSS/css#properties

 $('#message').css({ width: 550, height: 300, 'font-size': '8pt' }); 

Используя простой объект, вы можете соединять строки, которые представляют имена свойств с их соответствующими значениями. Например, изменение цвета фона и смещение текста будет выглядеть следующим образом:

 $("#message").css({ "background-color": "#0F0", "font-weight" : "bolder" }); 

Кроме того, вы также можете использовать имена свойств JavaScript:

 $("#message").css({ backgroundColor: "rgb(128, 115, 94)", fontWeight : "700" }); 

Более подробную информацию можно найти в документации jQuery .

попробуйте это,

 $(document).ready(function(){ $('#message').css({"color":"red","font-family":"verdana"}); }) 

Вы также можете использовать attr вместе со style :

 $('#message').attr("style", "width:550; height:300; font-size:8px" ); 

Согласитесь с redsquare, однако стоит упомянуть, что если у вас есть свойство с двумя словами, например text-align вы сделаете так:

 $("#message").css({ width: '30px', height: '10px', 'text-align': 'center'}); 

Попробуй это

 $(element).css({ "propertyName1":"propertyValue1", "propertyName2":"propertyValue2" }) 
 $("#message").css({"width" : "550px", "height" : "300px", "font-size" : "8pt"}); 

Кроме того, может быть лучше использовать встроенный jQuery в addClass чтобы сделать ваш проект более масштабируемым.

Источник: Как: jQuery Добавить CSS и удалить CSS

Вы можете попробовать это

 $("p:first").css("background-color", "#B2E0FF").css("border", "3px solid red"); 

Лучший способ использовать переменную

 var style1 = { 'font-size' : '10px', 'width' : '30px', 'height' : '10px' }; $("#message").css(style1); 

попробуй это:

$ (IDname) .css ({“background”: “# 000”, “color”: “# 000”})

т.е. hello – id в div.

  • Загрузка файлов через AJAX в JQuery
  • как получить доступ к функции $ (this) внутри функции обратного вызова ajax
  • Как вы работаете с массивом jQuery Deferreds?
  • Как перейти к элементу в переполненном Div?
  • Может ли плагин Twitter-бутстрапа Twitter-карусели исчезать и выходить на слайд-переход
  • Пользовательский формат даты с плагином проверки jQuery
  • TypeError: $ не является функцией при вызове функции jQuery
  • Как закрыть диалог jQuery в диалоговом окне?
  • Ошибка: для jQuery требуется окно с документом
  • Остановить jQuery .load от кеширования
  • Обнаружение перенаправления в jQuery $ .ajax?
  • Interesting Posts

    получить широту и долготу с помощью геокодера и андроида Google Maps API v2

    как установить emoji по unicode в текстовом режиме?

    Плавный спектр для создания Мандельброта

    Как ядра в модуле AMD Bulldozer сравниваются с виртуальными ядрами Intel HTT и двумя отдельными ядрами с точки зрения производительности многозадачности?

    Узел имени находится в безопасном режиме. Не в состоянии уйти

    Почему размер кеша L1 не сильно увеличился за последние 20 лет?

    Синхронизировать устройства Android через время GPS?

    Есть ли способ по-настоящему удалить все удаленные файлы?

    Размер шрифта <12px не действует в Google Chrome

    Java8 Lambdas против анонимных classов

    Как я могу справиться с NA в остатках в регрессии в R?

    Что такое параметр read в @ViewChild для

    Нашли конфликты между разными версиями одной и той же зависимой сборки, которые не могли быть решены

    Как загрузить внешнюю веб-страницу в div страницы html

    Изменение языка ввода клавиатуры Programmatically

    Давайте будем гением компьютера.