Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 要在一行jquery代码中更改css的2个或多个属性,我该怎么做?_Javascript_Jquery_Html_Web - Fatal编程技术网

Javascript 要在一行jquery代码中更改css的2个或多个属性,我该怎么做?

Javascript 要在一行jquery代码中更改css的2个或多个属性,我该怎么做?,javascript,jquery,html,web,Javascript,Jquery,Html,Web,我可以使用jquery在一行中更改css属性吗 $("#box").css("height":"40px", "width":"40px" ); 而不是像这样的两行代码 $("#box").css("height","40px"); $("#box").css("width","40px"); 或者你可以试试 $("#box").css("height","40px").css("width","40px"); 或者你可以试试

我可以使用jquery在一行中更改css属性吗

 $("#box").css("height":"40px",
                "width":"40px"
               );
而不是像这样的两行代码

$("#box").css("height","40px");
$("#box").css("width","40px");
或者你可以试试

$("#box").css("height","40px").css("width","40px");
或者你可以试试

$("#box").css("height","40px").css("width","40px");

只需传递一个对象,就可以更改任意数量的CSS属性

$("#box").css({
    "height":"40px",
    "width":"40px"
});

只需传递一个对象,就可以更改任意数量的CSS属性

$("#box").css({
    "height":"40px",
    "width":"40px"
});

最好的方法是,在jquery中使用
.addClass()
方法查找元素id
#框

$("#box").addClass("newclass");
在css中

.newclass {
  height: 40px;
  width: 40px;
}

最好的方法是,在jquery中使用
.addClass()
方法查找元素id
#框

$("#box").addClass("newclass");
在css中

.newclass {
  height: 40px;
  width: 40px;
}

可以将对象中的多个css属性传递给jQuery的方法,如下所示:

.css({"propertyname":"value","propertyname":"value",...});
$(函数(){
$(“#更改”)。在('click',函数(e){
$(“#框”).css(
{

“height”:“40px”,//您可以将对象中的多个css属性传递给jQuery的方法,如下所示:

.css({"propertyname":"value","propertyname":"value",...});
$(函数(){
$(“#更改”)。在('click',函数(e){
$(“#框”).css(
{
“height”:“40px”/$(“#h1”).css({height:“40px”,width:“40px”});得到它,不过有点变化,只是值需要倒逗号,非常感谢$(“#h1”).css({height:“40px”,width:“40px”});明白了,不过有点变化,只是值需要倒逗号,非常感谢