jquery获取对象的css属性值的时候，就算我们没有给这个对象设置过css属性值，这些值也会存在，只不过有些是默认值。下面我们来输出一个div的css属性值，原始代码如下
<!DOCTYPE html><html>
<head>
<title>DIV_TEST</title>
<meta charset="utf-8"/>
<style type="text/css">
#top1{
}
</style>
</head>
<body>
<div id="top1">
<u>你好我是某某某</u>
</div>
<script src="jquery-321minjs" ></script>
<script>
$(document)ready(function(){
consolelog("float的值是："+$("#top1")css("float"));
consolelog("height的值是："+$("#top1")css("height"));
consolelog("overflow的值是："+$("#top1")css("overflow"));
consolelog("color的值是："+$("#top1")css("color"));
consolelog("big的值是："+$("#top1")css("big"));
});
</script>
</body>
</html>
结果如下
可以看到我们没有设置过div的css属性，除了高度以外剩下的只要存在这个css属性的都是默认值，唯一不同的是最后一个big属性，我们知道这个属性不是css的属性，因此我们判断有没有某个属性的时候可以通过这个方式判断
$(document)ready(function(){consolelog("是否存在big属性："+testHasCss($("#top1"),"big"));
consolelog("是否存在color属性："+testHasCss($("#top1"),"color"));
consolelog("是否存在display属性："+testHasCss($("#top1"),"display"));
consolelog("是否存在gogo属性："+testHasCss($("#top1"),"gogo"));
});
var testHasCss = function(obj,cssStr){
if((obj)css(cssStr) === undefined){
return false;
}else{
return true;
}
}
结果如下
2、如图所示代码实现方式，addClass()，为元素标签添加多个class也可以的。
3、removeClass()，可以删除元素标签的class。
4、removeClass()，也可以删除元素标签的多个class。
5、toggleClass()，如果没有相关class，则添加，如果有，则删除。
6、css()，可以设置元素标签的属性。
7、css()，也可以返回元素标签的属性。
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ball</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-180minjs"></script>
<script type="text/javascript">
$ (function ()
{
var text = $ ("div")text ();
text = textreplace (/()你/, '$1');
alert (text);
})
</script>
</head>
<body>
<div>abcdefg我dfdf你sdfsdf</div>
</body>
</html>
$("#btnAdd")click(function(){
$("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作
//比如现在我就移除当前这个span
$(this)remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试，如有问题请继续追问
以上就是关于jquery 检查元素是否有某个css属性全部的内容，包括:jquery 检查元素是否有某个css属性、jquery中如何获取class下面的某个子标签、jquery怎样获取某个字前面的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）