Jquery选择器 - （初学者）

Question

我尝试使用jquery选择器，但它失败了。

演示： http://jsbin.com/vozufura/2/edit

HTML

 <div id="menu-123"></div>
 <div id="menu-456"></div>
 <div id="test" ></div>

CSS

div {
height: 50px;
width: 100px;
background: red;
}

的Javascript

 $(document).ready(function(){
 $('[id^="menu_"]').css("background", "black");
 });

前2师应将其背景改为黑色。但事实并非如此。

Answer 1

尝试使用menu-代替menu_，

$('[id^="menu-"]').css("background", "black");

DEMO

---

其他建议，您可以使用类来实现此目的。

HTML：

 <div id="menu-123" class="hai"></div>
 <div id="menu-456"  class="hai"></div>
 <div id="test" ></div>

JS：

$('.hai').css("background", "black");

Answer 2

JQuery不支持正则表达式选择器。

尝试使用menu或menu-

$(document).ready(function(){
  $('[id^="menu"]').css("background", "black");
});