在jquery中选择以类开头，就像在CSS中一样

我们可以在css中选择以下内容

li[class^=navs]{/*css code here*}

但是在jquery中，我怎么能像上面那样选择呢

我试过了，但似乎错了：

$('li[class^=navs]').css(/*css code here*/);

尝试使用引号：

更新

html

jquery

$(document).ready(function(){
$('#banner').prepend('<ul id="navs"></ul>');
for (var i = 1; i < 8; i++){
$('#navs').append('<li class="navs'+i+'"></li>');
}
$('li[class^="navs"]').css('width':'20px','height':'20px','background-color':'red');
});

---

我相信您需要在值周围加上引号：

$('li[class^="navs"]').css(/*css code here*/);

从您的小提琴中，设置CSS的那一行接受一个对象：

$('li[class^="navs"]').css('width':'20px','height':'20px','background-color':'red');

应该是：

$('li[class^="navs"]').css({'width':'20px','height':'20px','background-color':'red'});

---

您使用的仅在设置一个属性时有效。CSSPPropertyName，value。

如果未使用正确的对象文字，则需要将css属性包装在{}中

应该是：

$('li[class^="navs"]').css({'width':'20px','height':'20px','background-color':'red'});
                           ^                                                       ^

如果您选择以一种合理的方式格式化代码，那么这一点会更加明显

这解决了问题原始版本中的问题

两种格式都应该在值周围加引号，浏览器可能支持类似的语法以提高兼容性，但jQuery不支持：

$('li[class^="navs"]')

另一个重要的注意事项是，您不应该依赖于DOM节点上存在的类的顺序。class=foo-bar相当于class=bar-foo

---

您需要将一个对象作为参数传递给

演示：文档

对于多个css，必须使用.css{}

你有

$('li[class^="navs"]').css('width':'20px','height':'20px','background-color':'red');

应该是

$('li[class^="navs"]').css({
    'width':'20px',
    'height':'20px',
    'background-color':'red'
});

请注意{}，如果您有多个css值，并且缺少{}但使用了：，则应该传递一个对象，而不是字符串。

---

html在哪里element@C-链接您可以发布您的HTML吗？不需要使用引号。@未定义正确，但如果类中有一些特殊字符，如-，则它们是正确的。我不确定这是否是OP实际使用的类。@C-Link，.@C-Link已更新。您的.css调用中出现语法错误。@C-Link，您正在将节点添加到DOM后运行jQuery，是吗？@C-Link欢迎提供帮助：

$('li[class^="nav"]').css({color: 'pink'});

$('li[class^="navs"]').css({
    'width': '20px',
    'height': '20px',
    'background-color': 'red'
});

$('li[class^="navs"]').css({'width': '20px', 'height': '20px', 'background-color': 'red'});

$('li[class^="navs"]').css('width':'20px','height':'20px','background-color':'red');

$('li[class^="navs"]').css({
    'width':'20px',
    'height':'20px',
    'background-color':'red'
});