实现方法:使用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、效果演示如下: