用$("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属性值呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)