Firefox和Chrome中的CSS输出解释了什么？ [ID ^ =＆＃34; exlidInput_scope＆＃34;]

Question

Google Chromes开发人员工具和Firebug都会在我尝试操作的其中一个ID上显示CSS，如下所示：

[id^="exlidInput_scope"]

代码行如下：

<select name="vl(3UI0)" id="exlidInput_scope_1" class="EXLSelectTag blue     EXLSimpleSearchSelect" style="margin-top: -22px; border: 1px solid purple;">...</select>

我想在jquery中操作它，做这样的事情：

$("[id^="exlidInput_scope"]").css({ 'margin-left': '5px !important'});

但是，我并不真正了解正在使用的标记。所以id显然指的是它的id然而这个部分是什么？我是否需要像这样引用它，或者浏览器只是将它输出给我？

^=

任何帮助表示感谢 - 我是CSS新手而不理解这是一个真正的痛苦！

Answer 1

将双引号更改为简单引号，如：$("[id^='exlidInput_scope']").css({ 'margin-left': '5px !important'});