jquery 样式获取设置值_jq如何获取css属性的值？

jQuery如何获取css属性的值？下面本篇文章就来给大家介绍一下使用jQuery获取css属性值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在jQuery中可以使用css()和attr()方法来获取css样式属性的值。css() 方法设置或返回被选元素的一个或多个样式属性；attr() 方法设置或返回被选元素的属性和值。

jQuery css()方法

css() 方法设置或返回被选元素的一个或多个样式属性。

返回CSS属性的值$(selector).css("propertyname");

示例：将返回首个匹配元素的 background-color值：

$(document).ready(function(){

$("button").click(function(){

alert("背景颜色 = " + $("p").css("background-color"));

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

返回第一个 p 元素的 background-color

效果图：

jQuery attr()方法

attr() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值，则返回第一个匹配元素的值。

语法：$(selector).attr(attribute)

示例：获得图像的width属性和height属性的值

$(document).ready(function() {

$("button").click(function() {

alert("图像的width值为： " +

$("img").attr("width")+"\n\n图像的height值为： " +

$("img").attr("height"));

});

});

jQuery attr() 方法

Click

点击按钮后：