Javascript 如何重新打包写得比.css（）更好？

$（“.box1”）。单击（函数（）{
$（此）。设置动画({
左：“300”
}, 1000)
.fadeOut（1000，函数（）{
$（this.css（“left”，“0px”）.show（）
})
})

正文{
显示器：flex；
证明内容：中心；
边缘顶部：300px；
}
.box1{
宽度：100px；
高度：100px；
背景色：rgb（255、123、123）；
位置：相对位置；
}

box1

由于所有动画样式都是通过内联样式完成的，因此可以删除

样式

属性以从CSS类中重置原始样式

$（“.box1”）。单击（函数（）{
$（此）。设置动画({
左：“300”
}, 1000)
.fadeOut（1000，函数（）{
$（此）.removeAttr（“样式”）；
})
})

正文{
显示器：flex；
证明内容：中心；
}
.box1{
宽度：100px；
高度：100px；
背景色：rgb（255、123、123）；
位置：相对位置；
}

box1

由于所有动画样式都是通过内联样式完成的，因此可以删除

样式

属性以从CSS类中重置原始样式

$（“.box1”）。单击（函数（）{
$（此）。设置动画({
左：“300”
}, 1000)
.fadeOut（1000，函数（）{
$（此）.removeAttr（“样式”）；
})
})

正文{
显示器：flex；
证明内容：中心；
}
.box1{
宽度：100px；
高度：100px；
背景色：rgb（255、123、123）；
位置：相对位置；
}

框1