是否可以使用jQuery添加或更改CSS属性?

时间:2011-09-07 12:45:52

标签: javascript jquery css

具体而言,css中的classid

您会使用与$(window).height()类似的内容吗?

3 个答案:

答案 0 :(得分:3)

目前尚不清楚您想要什么,但作为一般规则,应用于给定元素的所有样式都可以使用以下内容在JavaScript中访问:

element.style.<property-name>

因此,您可以使用原生JavaScript:

var elemStyles = document.getElementById("someId").style;
var styleWidth = elemStyles.width;

假设至少有一个具有给定CSS类的元素和一个可以按类选择元素的框架,您可以这样做:

var elemStyles = $(".someClass")[0].style;
var styleWidth = elemStyles.width;

或者,根据您使用的JavaScript框架(如果有的话),您可以使用专门的方法来访问/检查给定元素的各种CSS属性。

请注意,这些方法中的任何一个都会将所有应用于该元素的样式带回来,无论它们来自CSS文件,来自内联CSS声明,还是通过页面上的脚本以编程方式添加。如果你想只是继承自CSS文件的样式,那么事情会变得有点棘手。

答案 1 :(得分:1)

是的可能

如果您想收到其他css属性,请查看此信息 http://api.jquery.com/css

你会像这样做一些事情

var cssvalue = $(selector).css(propertyName);

答案 2 :(得分:0)

这也可能对你有所帮助。 ESP。如果你想在没有jQuery的情况下做到这一点:How do you read CSS rule values with JavaScript?