Javascript 如何使用jQuery获取已单击div的CSS?

Javascript 如何使用jQuery获取已单击div的CSS?,javascript,jquery,css,Javascript,Jquery,Css,任何人都知道如何使用jQuery获取div的边框颜色 $(“#divcolor”)。单击(函数(){ 警报(“dsf”); var divcolor=$(this.css(“边框颜色”); 警报(彩色); }); 这就是目标 像您一样使用CSS jQuery函数: 但请阅读这一段: 不支持速记CSS属性(例如边距、背景、边框)。例如,如果要检索渲染的页边距,请使用:$(elem).css('marginTop')和$(elem).css('marginRight'),依此类推。像您那样使用

任何人都知道如何使用jQuery获取div的边框颜色

$(“#divcolor”)。单击(函数(){
警报(“dsf”);
var divcolor=$(this.css(“边框颜色”);
警报(彩色);
});

这就是目标

像您一样使用CSS jQuery函数:

但请阅读这一段:


不支持速记CSS属性(例如边距、背景、边框)。例如,如果要检索渲染的页边距,请使用:$(elem).css('marginTop')和$(elem).css('marginRight'),依此类推。

像您那样使用css jQuery函数:

但请阅读这一段:


不支持速记CSS属性(例如边距、背景、边框)。例如,如果要检索渲染的页边距,请使用:$(elem).css('marginTop')和$(elem).css('marginRight'),依此类推。

您的错误在别处。该代码适用于Chrome和IE。

你的错误在别处。该代码适用于Chrome和IE。

border color
也不适用于我(在Firefox上),但它适用于:

$(this).css("border-top-color")

边框颜色(在Firefox上)对我也不起作用,但它可以:

$(this).css("border-top-color")
试试这个:

$(“#divcolor”)。单击(函数(){
警报(“dsf”);
var divcolor=$(this.css(“边框颜色”);
警报(彩色);
});

这就是目标
试试这个:

$(“#divcolor”)。单击(函数(){
警报(“dsf”);
var divcolor=$(this.css(“边框颜色”);
警报(彩色);
});

这就是目标

我总是认为用CSS类代替CSS直接工作是更好的实践。然后你可以做如下的事情:

$(this).hasClass("MyClassWithTheBorderColorStyleInIt");

我总是认为用CSS类代替CSS直接工作是更好的实践。然后你可以做如下的事情:

$(this).hasClass("MyClassWithTheBorderColorStyleInIt");

你可以这样写

$("#divcolor").click(function() {
  var divcolor = $(this).css("border");
  divcolor = divcolor.substring((divcolor.indexOf(' ') + 1), divcolor.length);
  divcolor = divcolor.substring((divcolor.indexOf(' ') + 1), divcolor.length);
  alert(divcolor);
});

你可以这样写

$("#divcolor").click(function() {
  var divcolor = $(this).css("border");
  divcolor = divcolor.substring((divcolor.indexOf(' ') + 1), divcolor.length);
  divcolor = divcolor.substring((divcolor.indexOf(' ') + 1), divcolor.length);
  alert(divcolor);
});


@迈克:背景色来了,但边框颜色不来。为什么选择这个答案?似乎它没有回答这个问题。@Mike背景色来了,但边框色不来。为什么选择这个答案?这似乎不能回答问题。我觉得很好。。除了我对#333333出现在那里的颜色有一些奇怪的感觉外,我不知道JQuery是否返回了它。只是大声说出来。谢谢,我认为通过使用JavaScript引用,我们可以很容易地获得这些样式属性。谢谢大家帮我找到路我觉得很好。。除了我对#333333出现在那里的颜色有一些奇怪的感觉外,我不知道JQuery是否返回了它。只是大声说出来。谢谢,我认为通过使用JavaScript引用,我们可以很容易地获得这些样式属性。谢谢大家帮我找到了路。@Kobi:我很想知道JQuery如何获得边界不同边的颜色,你的回答有点清楚:)。Thanks@Kobi:我很想知道JQuery如何获得边框不同侧面的颜色,您的回答有点清楚:)。谢谢这个好主意,虽然它给了我四个值:
rgb(51,51,51)rgb(51,51,51)rgb(51,51,51)rgb(51,51,51)
好吧,你可以通过说parseInt((a*256*256)+(b*256)+c,16);-)得到十六进制值好主意,虽然它给了我四个值:
rgb(51,51,51)rgb(51,51,51)rgb(51,51,51)rgb(51,51,51)
好吧,你可以通过说parseInt((a*256*256)+(b*256)+c,16);-)得到十六进制值但这仅适用于您编写速记符号的情况。最佳实践是使用不同的类,如前所述:),但这仅适用于编写速记符号的情况。最佳实践是使用不同的类,如前所述:)