jQuery:।। सीएसएस() से थक सीएसएस() सीएसएस()

Question

मैं इस तरह वाक्य रचना के बहुत थक गया हूँ:

.css('position','absolute').css('z-index',z-index) 
.css('border','1px solid #00AFFF').css('margin','-1px 0px 0px -1px') 
.css('left',pleft) 

मुझे आश्चर्य है कि वहाँ एक समारोह में सभी मापदंडों पारित करने के लिए किसी भी तरह से नहीं है, तो कुछ जैसे:

.foo('position':'absolute','z-index':z-index, 
    'border':'1px solid #00AFFF','margin':'-1px 0px 0px -1px', 
    'left':pleft) 

किसी भी मदद की सराहना करते हैं।

Answer 1

हाँ, .css() (भी mentioned in the docs) करने के लिए एक वस्तु पारित:

.css({ 
    position: 'absolute', 
    left: pleft, 
    zIndex: 123 
    ... 
}); 

ध्यान दें कि आप चाबी के लिए दोनों वाक्यविन्यास का उपयोग कर सकते हैं: zIndex, CamelCase संस्करण कि सीधे जावास्क्रिप्ट और 'z-index' (में इस्तेमाल किया जा सकता यानी - के रूप में आवश्यक उद्धरण अन्यथा चीजें तोड़ देंगे)।

विकल्प है कि हमेशा एक ही कर रहे हैं के लिए - आपके मामले में शायद position, border और margin - यह एक क्लासिक CSS नियम एक वर्ग/आईडी चयनकर्ता के माध्यम से स्थापित करने के लिए एक अच्छा विचार हो सकता है। फिर आपको शेष (गतिशील) विकल्पों को .css() के माध्यम से सेट करना होगा।

Answer 2

अलग वर्ग में शैली को परिभाषित करें

सीएसएस

.myCustomClass 
{ 
    position: absolute; 
    border: 1px solid #00AFFF 
} 

और जे एस

.addClass('myCustomClass'); 

और यह अगर शैलियों

Answer 3

$(element).css({'position':'absolute','z-index':zIndex, 
    'border':'1px solid #00AFFF','margin':'-1px 0px 0px -1px', 
    'left':pleft});