更改jQuery元素的样式
更改jQuery元素的样式
提问于 2013-04-18 22:50:25
我在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设置元素的样式有什么错？
谢谢
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-04-18 22:51:13
使用以下命令：
$('#navigation ul li').css('display', 'inline-block');另外，正如其他人所说的，如果你想一次更改多个css，这时你需要添加大括号(用于对象表示法)，它看起来像这样(如果你想改变，除了‘display’之外，还需要‘make color’和'position‘)：
$('#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.Stack Overflow用户
发布于 2013-04-18 22:51:28
$('#navigation ul li').css('display', 'inline-block');不是冒号，是逗号
Stack Overflow用户
发布于 2013-04-18 22:52:22
$('#navigation ul li').css({'display' : 'inline-block'});这似乎是一个打字错误，...syntax错误：)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16086201
复制相关文章
相似问题