jquery获取对象的css属性值的时候,就算我们没有给这个对象设置过css属性值,这些值也会存在,只不过有些是默认值。下面我们来输出一个div的css属性值,原始代码如下
DIV_TEST
你好我是某某某
结果如下
可以看到我们没有设置过div的css属性,除了高度以外剩下的只要存在这个css属性的都是默认值,唯一不同的是最后一个big属性,我们知道这个属性不是css的属性,因此我们判断有没有某个属性的时候可以通过这个方式判断
$(document).ready(function(){
console.log("是否存在big属性:"+testHasCss($("#top1"),"big"));
console.log("是否存在color属性:"+testHasCss($("#top1"),"color"));
console.log("是否存在display属性:"+testHasCss($("#top1"),"display"));
console.log("是否存在gogo属性:"+testHasCss($("#top1"),"gogo"));
});
var testHasCss = function(obj,cssStr){
if((obj).css(cssStr) === undefined){
return false;
}else{
return true;
}
}
结果如下
hasClass方法
$(元素).hasClass(类名);
if ($(元素).css(属性) == 属性值)