jQuery獲取CSS樣式中的顏色值的問題,不同瀏覽器格式不同的解決辦法

使用jQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE10以下版本中是以HEX格式顯示【#ffff00】，而IE10,、Chrome、Firefox中則是以GRB格式顯示【rgb(255,0,0)】，由于需要對顏色值進行判斷處理，所以需要得到統(tǒng)一的顏色格式，最好是HEX格式的，方便處理點。搜索了一下，從國外的一個網(wǎng)站上得到一段代碼：

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、崇信網(wǎng)站維護、網(wǎng)站推廣。

復(fù)制代碼

代碼如下:

$.fn.getHexBackgroundColor

=

function()

{

var

rgb

=

$(this).css('background-color');

rgb

=

rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

function

hex(x)

{return

("0"

+

parseInt(x).toString(16)).slice(-2);}

return

rgb=

"#"

+

hex(rgb[1])

+

hex(rgb[2])

+

hex(rgb[3]);

}

上面定義的是一個jQuery函數(shù)，我們可以通過

$("#bg").getHexBackgroundColor();

獲取到標簽id="bg"的background-color的RGB值。

下面做一下小小的修改，就是加一個判斷，如果是顯示HEX值（IE10以下）就直接拿值，如果是非IE瀏覽器則將值轉(zhuǎn)換成RGB格式：

復(fù)制代碼

代碼如下:

$.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;

}

jquery 獲取 父級的同級下面的子標簽的css樣式

jquery中css() 方法可以設(shè)置或返回被選元素的一個或多個樣式屬性，下面的例子將返回首個匹配元素的 background-color 值：

$("p").css("background-color");

父級的同級元素的子標簽的css樣式如下：

//eq(0)表示選擇匹配到多個元素中的第一個

$("target").parent().siblings().eq(0).children().eq(0)

Jquery 獲取iframe 中元素并設(shè)置CSS問題

1、創(chuàng)建一個名稱為css的html文件。

2、在頁面中加入一個button按鈕，當(dāng)點擊button的時候出發(fā)click事件。

3、在加入一個div設(shè)置寬和高還有背景色，當(dāng)button的click事件中用css方法修改該div背景色。

4、文件引入jquery 庫。

5、在文檔準備方法中加入click點擊事件。

6、在click事件中加入css方法設(shè)置div的背景色。

7、在瀏覽器中運行該文件。并點擊button設(shè)置div的背景色。

jquery 獲取CSS屬性

如果你的按鈕是用背景色來實現(xiàn)的還比較好判斷

$().css('background-color')

這樣可以取得背景色，剩下的邏輯你自己來

jquery怎么獲取一個元素的css

通過查詢屬性獲?。?('element').attr('id')

定義和用法

attr() 方法設(shè)置或返回被選元素的屬性值。

根據(jù)該方法不同的參數(shù)，其工作方式也有所差異。

jquery中怎樣獲取css中display屬性值為block的元素

1、使用標簽獲取元素數(shù)組

2、遍歷數(shù)組

3、判斷每一個元素，找出css("display")為block的元素

具體代碼如下：

$(function(){

//取出所有div，并遍歷

$("div").each(){

//判斷每一個div，其css中display是否為block

if($(this).css("display")=="block"){

alert('您想要的元素');

}

};

});