jquery怎么判断css属性的值

html-css054

jquery怎么判断css属性的值,第1张

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 如,我在css 中写

input {

height:17px

}

而 height:17px就是浏览器默认值.你说这是 css文件里定义的还是默认的呢?

2 写了这么多年WEB从来就没有遇到过需要这样解决问题的时候.

好吧,牢骚完了,让我们想想办法.

使用javascript 通过DOM 来取得 css属性,你必然会取得一个值.

该值是浏览器 解析HTML + css 文件后产生的值.

当然这取决于你取值的位置. 如下例:

<script type="text/javascript">

alert($("input").css("height")) //17px

</script>

<style type="text/css">

input {

height:32px

}

</style>

<script type="text/javascript">

alert($("input").css("height")) // 32px

</script>

但这没什么意义,因为 css 是可以多次加载的.

所以我们只取一个最终值好了.

然后就是 判断这个值是不是默认值了.

这里就有麻烦了,各浏览器默认值不一样!

我们不能 通过一个默认值表来就确定,他是不是默认值.

那么只能 通过解析 css文件 然后对比,元素的属性是不是在 css文件中,值是不相等.

so 你需要 分析 页面加载了那些css 然后 ajax去取得这些文件,然后再写个分析过程 来确认 键 /值 全等.HOHO 这真是个大工程.