我有HTML清单
<div id="header" class="row">
<div id="logo" class="col_12">And the winner is<span>n't...</span></div>
<div id="navigation" class="row">
<ul id="pirra">
<li><a href="#">Why?</a></li>
<li><a href="#">Synopsis</a></li>
<li><a href="#">Stills/Photos</a></li>
<li><a href="#">Videos/clips</a></li>
<li><a href="#">Quotes</a></li>
<li><a href="#">Quiz</a></li>
</ul>
</div>
它可以很好地在CSS更改上水平显示
div#navigation ul li {
display: inline-block;
}
但是现在我想使用jQuery，我使用：
$(document).ready(function() {
console.log('hello');
$('#navigation ul li').css('display': 'inline-block');
});
但不起作用，我用jQuery设置元素样式有什么错误？
谢谢
用这个：
$('#navigation ul li').css('display', 'inline-block');
另外，正如其他人所述，如果您想一次进行多个CSS更改，那就是您要添加花括号（用于对象表示法），并且看起来像这样（如果您想更改，例如，“背景” -颜色”和“位置”以及“展示”）：
$('#navigation ul li').css({'display': 'inline-block', 'background-color': '#fff', 'position': 'relative'}); //The specific CSS changes after the first one, are, of course, just examples.
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句