javascript - 如何使用 jquery 设置多个 CSS 显示属性值

Question

好吧，这让我有点抓狂。我正在使用 jQuery .css() 方法尝试设置类所需的多个 flexbox 显示属性。问题是，它只保留最后一个。关于如何使用 jQuery 执行此操作的任何想法，或者这是不可能的？

这是我到目前为止尝试过的:

$(".department-name").css({
    'display' : '-webkit-box',
    'display' : '-webkit-flex',
    'display' : '-moz-box',
    'display' : '-ms-flexbox',
    'display' : 'flex'
});

那是行不通的，它只获取最后一个而不是其他的。我正在根据它有多少换行(它的高度)来操纵页面上的文本元素，并想用 display:none (初始 CSS 值)隐藏它，操纵它，然后用它之前的 flex 属性显示它开始更改 JS 代码以处理多行问题。想法？

Answer 1

$('.department-name').addClass('test1');

CSS:

.test1{
   display : -webkit-box;
   display : -webkit-flex;
   display : -moz-box;
   display : -ms-flexbox;
   display : flex;
}

您可以使用addClass() 方法将测试类添加到您的元素中。在 css() 方法中，显示属性必须被覆盖，因此最后一个仅适用。