jQuery：按样式属性选择元素答案

【问题标题】：jQuery: select elements by style attributejQuery：按样式属性选择元素
【发布时间】：2016-04-06 15:08:32
【问题描述】：

我正在尝试选择样式属性以“颜色”开头的元素列表。

我的 HTML：

 <div id='idd' style="color: red; border: 1px solid black">abc</div>

我的查询：

var list= $('[style|="color"]');

查询(1)后var列表为空。

var list= $('[style*="color"]');

但语句 (2) 效果很好，和

$('#idd').attr('style')

返回精确的color: red; border: 1px solid black

我知道我应该按名称或 id 属性查找元素，或者只查询样式中是否出现“颜色”（无需匹配位置）。但我真的很想知道为什么它没有达到我的预期。

非常感谢，

【问题讨论】：

【解决方案1】：

[style|="color"] 不匹配，因为color 后面没有破折号，也不是完全匹配。

[att|=val] 表示具有att属性的元素，其值要么完全是“val”，要么立即以“val”开头后跟“-”（U+002D）。

我正在尝试选择具有其样式属性的元素列表以“颜色”开头

所以使用：

var list= $('[style^="color"]');

【讨论】：