मैं jQuery के साथ सभी तत्व सीएसएस विशेषताओं की सूची कैसे प्राप्त कर सकता हूं?

Question

मुझे सभी सीएसएस विशेषताओं के तत्वों की सूची प्राप्त करने की आवश्यकता है। मैं उसे कैसे कर सकता हूँ ?

Answer 1

SO1004475 - jQuery CSS plugin that returns computed style of element to pseudo clone that element? से स्रोत की प्रतिलिपि बनाना - यदि आप इसे उपयोगी पाते हैं तो कृपया लिंक का पालन करें और ऊपर जाएं।

यह हास्यास्पद लगता है, लेकिन यह शायद आपका सबसे अच्छा विकल्प है - .css() बनाता है बिना किसी तर्क के इन सभी सामानों के साथ ऑब्जेक्ट मिलता है।

jQuery.fn.css = (function(css2) { 
    return function() { 
     if (arguments.length) { return css2.apply(this, arguments); } 
     var attr = ['font-family','font-size','font-weight','font-style','color', 
      'text-transform','text-decoration','letter-spacing','word-spacing', 
      'line-height','text-align','vertical-align','direction','background-color', 
      'background-image','background-repeat','background-position', 
      'background-attachment','opacity','width','height','top','right','bottom', 
      'left','margin-top','margin-right','margin-bottom','margin-left', 
      'padding-top','padding-right','padding-bottom','padding-left', 
      'border-top-width','border-right-width','border-bottom-width', 
      'border-left-width','border-top-color','border-right-color', 
      'border-bottom-color','border-left-color','border-top-style', 
      'border-right-style','border-bottom-style','border-left-style','position', 
      'display','visibility','z-index','overflow-x','overflow-y','white-space', 
      'clip','float','clear','cursor','list-style-image','list-style-position', 
      'list-style-type','marker-offset']; 
     var len = attr.length, obj = {}; 
     for (var i = 0; i < len; i++) { 
      obj[attr[i]] = css2.call(this, attr[i]); 
     } 
     return obj; 
    }; 
})(jQuery.fn.css); 

ध्यान दें कि यह सभी संभव सीएसएस गुणों को कैप्चर नहीं करता है, खासकर CSS3 के लिए नए। यहां एक list of all standard CSS and stable CSS3 properties है, और यहां hyphen-prefixed vendor-specific properties (जैसे -moz-border-start) में से एक है। यदि आप वास्तव में उन सभी को चाहते हैं, तो आप उन्हें वहां से प्राप्त कर सकते हैं।

Answer 2

इनलाइन शैलियों के लिए:

var styles = $("#someelement").attr("style"); 

वहाँ से, आप अगर आप पाश शैलियों की जरूरत है इस स्ट्रिंग विभाजित करने के लिए सक्षम होना चाहिए।

व्यक्तिगत शैली की जाँच करने के लिए, डॉक्स की जाँच करें:

http://docs.jquery.com/CSS

Answer 3

$("#div1).css("background-color"); 

आईडी div1 वाले एक तत्व की पृष्ठभूमि का रंग संपत्ति वापस आ जाएगी।

css(name)

क्षमा करें, मैं सभी सीएसएस jQuery का उपयोग कर विशेषताओं पाने के लिए एक तरह से पता नहीं है।

Answer 4

jQuery 1.8 के रूप में, आप कर सकते हैं:

$("#yourElement").css("cssText"); 

कौन सा अंतर्निहित window.getComputedStyle(element).cssText उपयोग करता है। यह सबसे आसान तरीका है।