Comment puis-je obtenir la liste de tous les attributs css de l'élément avec jQuery?

Question

J'ai besoin d'obtenir la liste des éléments tous les attributs css. Comment puis je faire ça ?

Answer 1

Copie de la source à partir de SO1004475 - jQuery CSS plugin that returns computed style of element to pseudo clone that element? - Veuillez suivre le lien et upvote là si vous le trouvez utile.

Il semble ridicule, mais c'est probablement votre meilleure option - rend .css() sans arguments obtenir un objet avec tous ces trucs ensemble. Notez que cela ne capture pas toutes les propriétés CSS possibles, en particulier les nouvelles pour CSS3. Voici un list of all standard CSS and stable CSS3 properties, et voici l'un des hyphen-prefixed vendor-specific properties (tel que -moz-border-start). Si vous voulez vraiment tous, vous pouvez les glaner à partir de là.

Answer 2

Pour les styles en ligne:

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

À partir de là, vous devriez être en mesure de diviser cette chaîne si vous avez besoin pour boucler les styles.

Pour vérifier les styles individuels, vérifier les docs:

http://docs.jquery.com/CSS

Answer 3

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

retournera la propriété de couleur de fond d'un élément avec id div1.

css(name)

Désolé, je ne sais pas un moyen d'obtenir tous les CSS attributs à l'aide jQuery.

Answer 4

À partir de jQuery 1.8, vous pouvez le faire:

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

qui utilise les window.getComputedStyle(element).cssText sous-jacent. C'est le moyen le plus simple.