什么'；这个jQuery的JavaScript等价物是什么？

与我知道如何使用JavaScript更改css的唯一方法相比，我喜欢这种组织方式

$('. element').css ({
    'transform' : 'translate(blah blah);'
});

我对JavaScript非常陌生，所以除了非常基本的东西外，我从来没有做过很多改变css的事情。我只是想知道如何用普通JavaScript编写上述jQuery

谢谢你

你可以用它来选择第一个有类的项目：

document.querySelector（“.myClass”）.style.transform=“旋转（0.5圈）”

你好
您可以使用来选择具有类的第一个项目：


document.querySelector（“.myClass”）.style.transform=“旋转（0.5圈）”

你好
试试这个

Element.style.color='red';

试试这个

Element.style.color='red';

您可以使用以下方法执行jQuery等效操作：

document.getElementById("mainbar").style.transform = "scale(2)"

您可以使用以下方法执行jQuery等效操作：

document.getElementById("mainbar").style.transform = "scale(2)"

您可以尝试以下方法：

Element.style.transform = "translate(amount, amount)";

或者这个：

document.getElementsByClassName('element').style.transform = 'translate(blah blah)';

对于第一个以外的元素，请尝试以下示例：


document.querySelectorAll（'.element'）.forEach（函数（事件，索引）{
如果（索引==2）{
event.style.transform='translate（-80%，-80%）；
}
});
#包装器{
位置：相对位置；
宽度：100%；
浮动：左；
高度：100px；
}
#包装器元素{
位置：绝对位置；
左：50%；
最高：50%；
宽度：100px；
文本对齐：居中；
}

一线
第二线
第三行
第四行
第五行
您可以尝试以下方法：

Element.style.transform = "translate(amount, amount)";

或者这个：

document.getElementsByClassName('element').style.transform = 'translate(blah blah)';

对于第一个以外的元素，请尝试以下示例：


document.querySelectorAll（'.element'）.forEach（函数（事件，索引）{
如果（索引==2）{
event.style.transform='translate（-80%，-80%）；
}
});
#包装器{
位置：相对位置；
宽度：100%；
浮动：左；
高度：100px；
}
#包装器元素{
位置：绝对位置；
左：50%；
最高：50%；
宽度：100px；
文本对齐：居中；
}

一线
第二线
第三行
第四行
第五行
在javascript中，与jQuery中的
$（selektor）
等效的函数是
document.querySelector（selektor）
或
document.querySelectorAll（selektor）
，它取决于希望引用的元素的预期数量。所以你的代码可以这样写：
document.querySelector（'.element'）.transform='translate（废话，废话）'-如果您只想将此规则应用于具有特定类的一个元素。如果要将此规则应用于多个元素，则必须使用
querySelectorAll
，ale循环遍历所有元素。所以它看起来像：
var myElements=document.querySelectorAll（'.element'）；对于（var i=0；i
在javascript中，与jQuery中的
$（selektor）
等价的函数是
文档.querySelector（selektor）
或
文档.querySelector（selektor）
，这取决于您希望引用的元素的预期数量。所以你的代码可以这样写：
document.querySelector（'.element'）.transform='translate（废话，废话）'-如果您只想将此规则应用于具有特定类的一个元素。如果要将此规则应用于多个元素，则必须使用
querySelectorAll
，ale循环遍历所有元素。所以它看起来像：
var myElements=document.querySelectorAll（'.element'）；对于（var i=0；i
要在Javascript中进行等效，您可能应该确保它适用于具有类名的所有元素，就像在jQuery中一样。要做到这一点，您必须遍历所有元素，请参见下面的第二个示例

以下是两个简单的例子，可以满足您的需求：

document.querySelector(".element").style.transform = "translate(blah blah)";

要在Javascript中实现等效，您可能应该确保它应用于所有具有类名的元素，就像在jQuery中一样。要做到这一点，您必须遍历所有元素，请参见下面的第二个示例

以下是两个简单的例子，可以满足您的需求：

document.querySelector(".element").style.transform = "translate(blah blah)";

由于您正在尝试使用类设置样式，因此可以使用循环遍历所有元素，分别在每个元素上设置
transform
属性：


document.querySelectorAll（'.element'）.forEach（函数（el）{
el.style.transform='translate（10px，50px）'；
});
.element{
宽度：80px；
高度：40px；
背景色：天蓝色；
}
Container
由于您正在尝试使用类设置样式，因此可以使用循环遍历所有元素，分别设置每个元素的
transform
属性：


document.querySelectorAll（'.element'）.forEach（函数（el）{
el.style.transform='translate（10px，50px）'；
});
.element{
宽度：80px；
高度：40px；
背景色：天蓝色；
}
Container
您可以使用类似的
document.getElementsByClassName（'element'）.style.transform='translate（废话）'您可以使用类似于
document.getElementsByClassName（'element'）.style.transform='translate（废话）'这将返回一个数组，将其更改为document.GetElementsByCassName（'elementClassName'）[0]第一个解决方案将刚好通过一个错误，因为
GetElementsByCassName（）
返回集合，第二个解决方案将失败，而不是第一个………这将返回一个数组，将其更改为document.GetElementsByCassName（'elementClassName'）[0]第一个解决方案将刚好通过一个错误，因为
GetElementsByCassName（）
返回集合，第二个解决方案对于第一个以外的元素将失败………您也可以使用此解决方案，您也可以使用此解决方案