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")+" 图像的height值为: " +
$("img").attr("height"));
});
});
jQuery attr() 方法
Click
点击按钮后:
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")+" 图像的height值为: " + $("img").attr("height")); }); }); jQuery attr() 方法 Click 点击按钮后: