慕碼人2483693
2021-10-31 17:14:33
下面的例子將返回首個(gè)匹配元素的 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>這是標(biāo)題</h2><p style="background-color:#f5c000">這是一個(gè)段落。</p><p style="background-color:#00ff00">這是一個(gè)段落。</p><p style="background-color:#0000ff">這是一個(gè)段落。</p><p style="background-color:#0f2345">這是一個(gè)段落。</p><p style="background-color:#c04a1f">這是一個(gè)段落。</p><button>返回 p 元素的背景色</button></body></html>這里怎么計(jì)算的啊 元素的 background-color 值alert("Background color = " + $("p").css("background-color"));
2 回答

慕的地6264312
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
background-color 是 string
是無法計(jì)算的
獲取 background-color
var bgc = $('p').eq(0).css('backgroundColor');
alert( "Background color = " + bgc);
這里的eq(0)是指的第一個(gè)p元素
在css()方法中,如果屬性中帶有“-”符號(hào),例如font-size和background-color屬性,如果在設(shè)置這些屬性的值的時(shí)候不帶引號(hào),那么就要用駝峰式寫法,比如上面的代碼,如果帶上了引號(hào),既可以寫成“'background-color'”,也可以寫成“'backgroundColor'”。

MYYA
TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊
$.fn.getBackgroundColor = function () { var rgb = $( this ).css( 'background-color' ); if (rgb >= 0) return rgb; //如果是一個(gè)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; } |
可以用這個(gè)對象函數(shù)獲取,因?yàn)闉g覽器不兼容,所以返回的屬性值是不同的,這個(gè)函數(shù)可以解決
添加回答
舉報(bào)
0/150
提交
取消