Применение нескольких свойств CSS в одной строке

Question

Можно ли применить к элементу управления больше, чем CSS, с помощью одной строки кода. В приведенном ниже примере я могу применить только одно свойство

$('#<%=lblMessage.ClientID%>').css("color", "#16428b");

Предположим, если я хотел бы применить шрифт или фон .. как это возможно

-Спасибо

Answer 1

.css({
    color: "#16428b",
    backgroundColor: "#f0f",
    "font-size" : "3em"
})

обратите внимание на различные стили определения правил CSS: camelCase для javascript, "css-style" для строк в кавычках.

Это также намного эффективнее, чем несколько цепочек последовательных .css() вызовов, поскольку не требует многократных проходов через ваш объект jQuery.

Answer 2

Вы просто цепляете их:

$('#<%=lblMessage.ClientID%>')
   .css("color", "#16428b")
   .css("font-family", "Helvetica, Arial, sans-serif")
   .css("background", "#ccc");

Большинство методов в объекте jQuery возвращает сам объект jQuery, поэтому вы просто применяете другой метод к возвращаемому значению.

Edit:
Если вы ищете эффективность, то, конечно, лучше обновить стиль элемента напрямую:

var e = document.getElementById('<%=lblMessage.ClientID%>');
e.style.color = '#16428b';
e.style.fontFamily = 'Helvetica, Arial, sans-serif';
e.style.backgroundColor = '#ccc';

Answer 3

Цепь это.

$('#<%=lblMessage.ClientID%>').css("color", "#16428b").css("background","black");

Большинство функций Jquery возвращают объект Jquery, чтобы вы могли делать больше вещей.

В качестве альтернативы, в случае css, вы можете передать их в один объект свойств:

$('#<%=lblMessage.ClientID%>').css({color: "#16428b", background: "black"});

Более подробную информацию можно найти здесь http://docs.jquery.com/CSS

Answer 4

Селектор Jquery может принимать словарь опций . Так что вы можете сделать это:

$('#<%=lblMessage.ClientID%>').css({ 
   "color": "#16428b", 
   fontWeight: "bold", 
   "float": "left", 
   "font-size": 2em 
});

Обратите внимание, что если вы не собираетесь указывать свойство, вам нужно указать camelCase. Если вы цитируете его, то использование дефисной версии - это нормально.

Answer 5

$('#<%=lblMessage.ClientID%>').css("color", "#16428b").css("background", "1px solid red");

Это поможет?