jQuery获取元素CSS属性全攻略：从单个属性到所有样式

你可以使用jQuery的`.css()`方法来获取元素身上的CSS属性。这个方法接受两个参数：第一个参数是要获取的CSS属性的名称，第二个参数是可选的，表示如果该属性存在则返回其值，否则返回`undefined`。 例如，如果你有一个元素`#myElement`，你可以这样获取它的`color`属性： ```javascript var color = $('#myElement').css('color'); ``` 这将会返回`#myElement`元素的颜色值，如`"red"`或`"#ff0000"`。 如果你想获取所有CSS属性，你可以使用`$.each()`函数： ```javascript var styles = {}; $.each($('#myElement').get(0).style, function(index, value) { styles[index] = value; }); ``` 这将会返回一个对象，其中包含了`#myElement`元素的所有CSS属性及其值。例如： ```javascript { "color": "red", "font-size": "16px", "background-color": "#fff" } ``` 注意，这种方法只能获取到行内样式，如果你想获取到外部样式表或者内部样式表中的样式，你可能需要使用更复杂的方法，如`window.getComputedStyle()`。 ######[AI写代码神器 | 259点数解答 | 2023-11-23 13:54:53]