HTML，jQuery，color怎么计算的啊
下面的例子将返回首个匹配元素的background-color值：<!DOCTYPEhtml><html><head><scriptsrc="/jquery/jquery...
下面的例子将返回首个匹配元素的 background-color 值：
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Background color = " + $("p").css("background-color"));
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#f5c000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p style="background-color:#0f2345">这是一个段落。</p>
<p style="background-color:#c04a1f">这是一个段落。</p>
<button>返回 p 元素的背景色</button>
</body>
</html>
这里怎么计算的啊 元素的 background-color 值
alert("Background color = " + $("p").css("background-color")); 展开
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Background color = " + $("p").css("background-color"));
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#f5c000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p style="background-color:#0f2345">这是一个段落。</p>
<p style="background-color:#c04a1f">这是一个段落。</p>
<button>返回 p 元素的背景色</button>
</body>
</html>
这里怎么计算的啊 元素的 background-color 值
alert("Background color = " + $("p").css("background-color")); 展开
2个回答
展开全部
background-color 是 string
是无法计算的
获取 background-color
var bgc = $('p').eq(0).css('backgroundColor');
alert( "Background color = " + bgc);
这里的eq(0)是指的第一个p元素
在css()方法中，如果属性中带有“-”符号，例如font-size和background-color属性，如果在设置这些属性的值的时候不带引号，那么就要用驼峰式写法，比如上面的代码，如果带上了引号，既可以写成“'background-color'”，也可以写成“'backgroundColor'”。
是无法计算的
获取 background-color
var bgc = $('p').eq(0).css('backgroundColor');
alert( "Background color = " + bgc);
这里的eq(0)是指的第一个p元素
在css()方法中，如果属性中带有“-”符号，例如font-size和background-color属性，如果在设置这些属性的值的时候不带引号，那么就要用驼峰式写法，比如上面的代码，如果带上了引号，既可以写成“'background-color'”，也可以写成“'backgroundColor'”。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$.fn.getBackgroundColor = function() {
var rgb = $(this).css('background-color');
if(rgb >= 0) return rgb;//如果是一个hex值则直接返回
else{
rgb = rgb.match(/^rgb(\d+),\s∗(\d+),\s∗(\d+)$/);
function hex(x) {return ("0" + parseInt(x).toString(16)).slice(-2);}
rgb= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}
return rgb;
}可以用这个对象函数获取，因为浏览器不兼容，所以返回的属性值是不同的，这个函数可以解决
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
