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;
}
}
结果如下
在jQuery输入元素表达式属性名即可得到。
如：
1$("#textId")attr("width")是获取Id为textId的控件的width属性。
2$("className")attr("width")是获取包含class名为className的控件的width属性。
3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。
但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值。如：$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到，也需要用角标的方式取得控件后再取属性。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
1、新建HTML文件。
2、引入jqueryminjs文件。
3、创建HTML内容。
4、用jquery创建点击事件，点击隐藏按钮，p内容隐藏
5、用jquery创建点击事件，点击显示按钮，p内容显示。
6、预览如图当点击隐藏按钮，p内容隐藏。
7、当点击显示按钮，p内容显示。
获取对象后，调用如下方法：
function allPrpos(obj) {
// 用来保存所有的属性名称和值
var props = "";
// 开始遍历
for(var p in obj){
// 方法
if(typeof(obj[p])=="function"){
// obj[p]();
}else{
// p 为属性名称，obj[p]为对应属性的值
props+= p + "=" + obj[p] + ""t";
}
}
// 最后显示所有的属性
alert(props);
}
以上就是关于jquery 检查元素是否有某个css属性全部的内容，包括:jquery 检查元素是否有某个css属性、jQuery如何获取指定的属性值、怎样判断jQuery 元素是否显示与隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）