jquery,怎么取到当前元素的css的名字

jquery,怎么取到当前元素的css的名字,第1张

用$("div")attr("class"),就可以实现;

参考如下例子:

 if ($(this)parent()first()attr("class") == "MyName") {

  temp = temp+"(Normal)";

  } 

 

alert($("#show")attr("class")indexOf("b"));

alert($("#show2")attr("class") == "myCls");

alert($("div:eq(0)")attr("class") == "myCls"); 

 

<div id="show" class="a b c"></div>

<div id="show2" class="myCls"></div>

$(function(){

l=$("div")length;

$("input")click(function(){

for(i=0;i<l;i++){

a=$("div")eq(i)css("z-index");

b=$("div")eq(i)attr("id");

if(a==100){

alert(b)

}

}

})

})<div id="div_1" class="c1" style="z-index:100; position:relative">1<input type="button" name="" value="点我" /></div>

<div id="div_2" class="c1" style="z-index:200; position:relative">2</div>

<div id="div_3" class="c1" style="z-index:300; position:relative">3</div>

<div class="c2"></div>

<div class="c3"></div>

不明白就追问

ss文件中如何得到某个属性值:

一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,

返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器;

语法:var style=windowgetComputedStyle(“元素”,“伪类”);第一个参数是必须的,第二个为可选的。

二、currentStyle 是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值,

利用elementCurrentStyleattribute可获取

其与getComputedStyle区别:1、 currentStyle不支持伪类样式获取;

2、currentStyle不支持现代浏览器,支持IE

代码说明:

[html] view plain copy

<span style="font-size:14px;"><!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<style type="text/css">

#div1{

width:100px;height:100px;background: red;

}

</style>

<body>

<div id="div1"></div>

</body>

<script type="text/javascript">

var oDiv = documentgetElementById('div1');

/

只能获取,不能设置

获取到的是计算后的样式

最好不要获取复合样式

所获取的样式要设初使值

获取到的样式类型是字符串

别空格 [' width']

获取到的样式带px的

transform 获取不到

transition 不准确

/

function getStyle(obj,attr){

if(objcurrentStyle){ //IE

return objcurrentStyle[attr];

}else{

return getComputedStyle(obj,"伪类")[attr]; //Firefox

}

}

alert(getStyle(oDiv1,'background'));</html></span>

Jquery css函数用法(判断标签是否拥有某属性)

判断一个层是否隐藏:

$("#id")css("display")=="none" ;

在所有匹配的元素中,设置一个样式属性的值:

$("p")css("color","red");

把一个“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式

1

$("p")css({ color: "#ff0011", background: "blue" });

如果属性名包含 "-"的话,必须使用引号:

1 $("p")css({ "margin-left": "10px", "background-color": "blue" });

1、jQuery设置css样式

<div style="background-color:#ffffff;padding-left:10px;">测试jQuery动态获取padding-left</div>

2、用css()方法返回元素的样式属性

$("div")css("padding-left"));

3、用css()设置样式

$("div")css("color","yellow");

4、设置多个样式

$("div")css({"background-color":"yellow","font-size":"200%"});

var css = {

 background-color: '#EEE',

 height: '500px',

 margin: '10px',

 padding: '2px 5px'  };

$("div")css(css);  

以上就是关于jquery,怎么取到当前元素的css的名字全部的内容,包括:jquery,怎么取到当前元素的css的名字、jquery通过CSS属性获取元素ID、js怎么获取css样式里的background属性值呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9490323.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存