jquery - Firefox 和 Chrome 中的 CSS 输出解释了吗？ [id^ ="exlidInput_scope"]

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'});