大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery获取css,jquery获取css样式

jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法

使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】,而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】,由于需要对颜色值进行判断处理,所以需要得到统一的颜色格式,最好是HEX格式的,方便处理点。搜索了一下,从国外的一个网站上得到一段代码:

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册网站空间、营销软件、网站建设、崇信网站维护、网站推广。

复制代码

代码如下:

$.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函数,我们可以通过

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

获取到标签id="bg"的background-color的RGB值。

下面做一下小小的修改,就是加一个判断,如果是显示HEX值(IE10以下)就直接拿值,如果是非IE浏览器则将值转换成RGB格式:

复制代码

代码如下:

$.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() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:

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

父级的同级元素的子标签的css样式如下:

//eq(0)表示选择匹配到多个元素中的第一个

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

Jquery 获取iframe 中元素并设置CSS问题

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮,当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。

jquery 获取CSS属性

如果你的按钮是用背景色来实现的还比较好判断

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

这样可以取得背景色,剩下的逻辑你自己来

jquery怎么获取一个元素的css

通过查询属性获取:$('element').attr('id')

定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数,其工作方式也有所差异。

jquery中怎样获取css中display属性值为block的元素

1、使用标签获取元素数组

2、遍历数组

3、判断每一个元素,找出css("display")为block的元素

具体代码如下:

$(function(){

//取出所有div,并遍历

$("div").each(){

//判断每一个div,其css中display是否为block

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

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

}

};

});


网站标题:jquery获取css,jquery获取css样式
网页链接:http://dzwzjz.com/article/dsdpgcd.html
在线咨询
服务热线
服务热线:028-86922220
TOP