欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery獲取樣式中的背景顏色屬性值/顏色值

 更新時間:2012年12月17日 16:56:48   作者:  
天使用jQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,IE中是以HEX格式顯示#ffff00,而Chrome、Firefox中則是以GRB格式顯示rgb(255,0,0),由于需要將顏色值存儲到數(shù)據(jù)庫中,所以想讓顏色值的格式統(tǒng)一下(其實不統(tǒng)一也是可以存的)。搜索了一下,從國外的一個網(wǎng)站上得到一段代碼
天使用jQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,IE中是以HEX格式顯示#ffff00,而Chrome、Firefox中則是以GRB格式顯示rgb(255,0,0),由于需要將顏色值存儲到數(shù)據(jù)庫中,所以想讓顏色值的格式統(tǒng)一下(其實不統(tǒng)一也是可以存的)。搜索了一下,從國外的一個網(wǎng)站上得到一段代碼
復制代碼 代碼如下:

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

下面做一下小小的修改,就是加一個判斷,如果是IE瀏覽器就直接拿值,如果是非IE瀏覽器則將值轉(zhuǎn)換成RGB格式:
復制代碼 代碼如下:

$.fn.getHexBackgroundColor = function() { var rgb = $(this).css('background-color'); if(!$.browser.msie){ 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獲取樣式表中的屬性值
復制代碼 代碼如下:

<html>
<head><title>aaaa</title></head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function()
{
$(".one > a").click(function(){
<SPAN style="COLOR: #ff0000">var ba=$(this)[0].style.background;</SPAN> alert($(this).html()+ba);
if(ba=="url(jia1.jpg) no-repeat")
{$(this).css({background:"url(jia.jpg) no-repeat"});}
else
$(this).css({background:"url(jia1.jpg) no-repeat"});
});
});
</script>
<style type="text/css">
#left .one a{background:url(jia1.jpg) no-repeat;
padding-left:18px;
padding-top:5px;
cursor:hand;
}

</style>
<body>
<div id="left">
<img src="lefttop.jpg" />
<ul>
<li class="one"> <a>信息中心 </a>
<ul>
<li class="two"> <a href="#">信息?件箱 </a> </li>
<li class="two"> <a href="#">信息收件箱 </a> </li>
</ul>
</li>
<li class="one"> <a>我要采? </a> </li>
</ul>
</div>
</body>
</html>

相關(guān)文章

  • 實測jquery data()如何存值

    實測jquery data()如何存值

    jQuery的數(shù)據(jù)框架沒有將元素數(shù)據(jù)當作元素屬性來存儲,我記得是可以通過jQuery的data("xxx")方法取HTML標簽上的data-xxx屬性的值的
    2013-08-08
  • jquery為頁面增加快捷鍵示例

    jquery為頁面增加快捷鍵示例

    這篇文章主要介紹了jquery為頁面增加快捷鍵的示例,需要的朋友可以參考下
    2014-01-01
  • jQuery中andSelf()方法用法實例

    jQuery中andSelf()方法用法實例

    這篇文章主要介紹了jQuery中andSelf()方法用法,實例分析了andSelf()方法將先前所選的元素加入當前元素集合中的使用技巧,需要的朋友可以參考下
    2015-01-01
  • JS在IE下缺少標識符的錯誤

    JS在IE下缺少標識符的錯誤

    今天在使用一個jQuery的插件時,發(fā)現(xiàn)在IE下總報錯,但在Firefox下就很正常,所報的錯誤就是:缺少標識符!
    2014-07-07
  • jQuery樹形插件jquery.simpleTree.js用法分析

    jQuery樹形插件jquery.simpleTree.js用法分析

    這篇文章主要介紹了jQuery樹形插件jquery.simpleTree.js用法,結(jié)合實例形式分析了jQuery樹形菜單插件jquery.simpleTree.js的功能與基本用法,需要的朋友可以參考下
    2016-09-09
  • 如何解決jQuery 和其他JS庫的沖突

    如何解決jQuery 和其他JS庫的沖突

    這篇文章主要介紹了解決 jQuery 和其他庫的沖突的方法,文中講解非常細致,代碼幫助大家更好的理解和學習,感興趣的朋友可以了解下
    2020-06-06
  • jQuery獲取字符串中出現(xiàn)最多的數(shù)

    jQuery獲取字符串中出現(xiàn)最多的數(shù)

    這篇文章主要介紹了jQuery獲取字符串中出現(xiàn)最多的數(shù) 的相關(guān)資料,需要的朋友可以參考下
    2016-02-02
  • jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例

    jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例

    這篇文章主要介紹了jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法,結(jié)合實例形式對比分析了jQuery實現(xiàn)ajax回調(diào)函數(shù)不帶入?yún)?shù)與帶入?yún)?shù)的具體實現(xiàn)技巧,需要的朋友可以參考下
    2018-06-06
  • 10款非常有用的 Ajax 插件分享

    10款非常有用的 Ajax 插件分享

    這篇文章與大家分享的是10款非常有用的 Ajax 插件,有用于圖片的,用于分頁的,還有用于導航的。這些作者的想法特別新穎,希望你能從中找到自己需要的插件
    2012-03-03
  • jQuery中noConflict()用法實例分析

    jQuery中noConflict()用法實例分析

    這篇文章主要介紹了jQuery中noConflict()用法,實例分析了noConflict()的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下
    2015-02-02

最新評論