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");