是否可以将CSS类加载到Javascript/Jquery变量中？

我是javascript/Jquery的新手，我想知道是否可以将现有的css类加载到一个变量中，以便以后使用

例如：

/* CSS */
.view {
    position: absolute;
    height: 214px;
    width:1964px;
    padding:2px;
}

在javascript文件中，将其加载到变量中，如下所示：

//Javascript
var view = load(".view");

view.width // I get 1964px
view.height // I get 214px

var view = $('.view');

---

谢谢。

我不知道你为什么要这样做，除非你正在修改HTML元素，但是你能使用

getComputedStyle

？请注意，我在这里使用的是好的旧JS，而不是jQuery

/* CSS */
    .view {
        position: absolute;
        height: 214px;
        width:1964px;
        padding:2px;
    }

在你的JS里

    //Javascript
    window.onload = function () { 

    var view = document.querySelector('.view'),
        styles = getComputedStyle(view);

    console.log(styles.width); 
    console.log(styles.height);
   }

更多信息

---

我没有对此进行测试，但我会这样做…

您必须像这样使用jQuery：

//Javascript
var view = load(".view");

view.width // I get 1964px
view.height // I get 214px

var view = $('.view');

然后可以使用类视图迭代所有元素。 通过以下方式实现：

$.each(view, function(){
    // then you can get all the width and height elements
    // to use them, put them in an object or in an array
})

---

你能解释一下为什么你需要这个，因为它听起来像是一个XY问题。你想解决的问题是什么？为什么会一团糟？？您只需通过$（'.view'）.heigt（）完成即可；和$（'.view'）.width（）@阿达什莫汉，不完全是。OP希望将类加载到变量中，而不是将其分配给元素。出于某种原因。好吧，那么他可以这样做：视图=$（'.view'）；视图。高度（）；和view.width（）；我试图在旋转木马中动态加载一个视图，问题是我不想硬编码旋转木马代码中的值。就我所见，我需要先在HTML中加载元素，然后才能使用它的CSS类属性。这里也发生了同样的情况。我需要在HTML中加载元素，然后才能使用它的CSS类属性。没有其他方法了吗？你能不能把代码包装在window.load中，这样在运行代码之前就可以加载HTML&CSS内容了：window.onload=function（）{//code}；