javascript - 是否可以使用 jQuery 添加或更改 CSS 属性？

Question

具体来说，css 中的 class 或 id。

你会使用类似于 $(window).height() 的东西吗？

Answer 1

不清楚您到底想要什么，但作为一般规则，可以使用类似以下内容在 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 文件继承的样式，那么事情会变得有点棘手。