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

时间:2016-05-26 20:32:28

标签: javascript jquery html css

好的,这让我有些慌张。我使用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代码以处理多行问题。想法?

3 个答案:

答案 0 :(得分:3)

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

css:

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

You can use addClass() method to add test class into your element. in css() method display property must be getting overrides hence the last one is only applying.

答案 1 :(得分:2)

将其存储在变量中:



var displayStyle = [
  'display: -webkit-box',
  'display: -webkit-flex',
  'display: -moz-box',
  'display: -ms-flexbox',
  'display: flex'
].join(';');


$(document).ready(function() {
  $(".department-name").attr('style', displayStyle);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class='department-name'>TEST</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

没关系。 Calendar cal = Calendar.getInstance(TimeZone.getTimeZone("UTC+2:00")); Date currentLocalTime = cal.getTime(); DateFormat date = new SimpleDateFormat("HH:mm a"); date.setTimeZone(TimeZone.getTimeZone("UTC+2:00")); String localTime = date.format(currentLocalTime); reply="$(nginx -t)" echo $reply 内部reply="$(nginx -t)" if [[ ${reply} == *"nginx: configuration file /etc/nginx/nginx.conf test failed"* ]] then echo "It's there!"; fi 我更改了var mm = require('micromongo'); function ISODate(s) { return new Date(s); } var log = [{ "operation": "trade", "date": ISODate("2010-11-12T17:59:04.332+03:00") }, { "operation": "sell", "date": ISODate("2011-11-14T08:53:22.937+03:00") // ...... }]; var sorted = mm.aggregate(log, [ { $sort: { date: 1 } } ]); console.log(sorted); 属性,因此问题已解决。感谢您的反馈。