एक पंक्ति के भीतर और अधिक सीएसएस गुण को लागू करने

Question

वहाँ उदाहरण नीचे code.In की एक पंक्ति मुझे लगता है मैं केवल एक ही संपत्ति

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

लागू हो सकते हैं मान लीजिए अगर मैं के माध्यम से एक नियंत्रित करने के लिए सीएसएस की तुलना में अधिक लागू करने के लिए किसी भी संभव तरीका है फ़ॉन्ट या पृष्ठभूमि आवेदन करना चाहते हैं .. यह कैसे संभव है

शुक्रिया

Answer 1

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

टिप्पणी सीएसएस को परिभाषित करने की विभिन्न शैलियों नियम: जावास्क्रिप्ट के लिए ऊंटकेस, उद्धृत तारों के लिए "सीएसएस-शैली"।

यह .css() कॉल की कई श्रृंखलाओं की तुलना में भी अधिक कुशल है, क्योंकि इसे आपके jQuery ऑब्जेक्ट के माध्यम से एकाधिक पास की आवश्यकता नहीं है।

Answer 2

तुम बस उन्हें श्रृंखला:

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

jQuery ऑब्जेक्ट में अधिकांश विधियां jQuery ऑब्जेक्ट को स्वयं लौटाती हैं, इसलिए आप वापसी मूल्य पर एक और विधि लागू करते हैं।

संपादित करें:
यदि यह दक्षता आप इसे देख रहे है निश्चित रूप से सीधे तत्व शैली अद्यतन करने के लिए सबसे अच्छा है:

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 ऑब्जेक्ट लौटाते हैं ताकि आप और अधिक चीज़ें कर सकें।

वैकल्पिक रूप से, सीएसएस के मामले में, आप उन्हें एक गुण में पारित कर सकते हैं आपत्ति:

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

अधिक जानकारी यहां पाया जा सकता http://docs.jquery.com/CSS

Answer 4

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

क्या यह चाल चल जाएगा?

Answer 5

Jquery का सीएसएस चयनकर्ता dictionary of options ले सकता है। तो आप यह कर सकते हैं:

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

ध्यान दें कि यदि आप उस संपत्ति को उद्धृत करने वाले नहीं हैं, तो आपको इसे कम करने की आवश्यकता है। यदि आप इसका उद्धरण देते हैं, तो हाइफेनेटेड संस्करण का उपयोग करना ठीक है।