jquery怎么获取border的颜色

如题所述

实现方法:使用jQuery的css() 方法获取被选元素的样式属性。具体示例如下:

1、HTML结构

新建一个css文件,在在css部分设置了id为test的div的边框颜色为红色:

<style>

    #test{border:1px solid red; }

</style>

<div id="test">这是一个示例,边框颜色为红色</div>

2、jquery代码

实现点击id为test的div元素后弹出对话框显示边框的颜色(RGB数值):

$(function(){

    $("#test").click(function() {

        alert($(this).css('border-color'));   % border-color参数表示边框颜色的css样式

    });

}); 

3、效果演示如下:

温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-12-09
$().css("border")
第2个回答  推荐于2016-10-11
alert($("#demo").css("border-color"))
有一点你要注意,border有top,left,right,bottom之分本回答被提问者采纳