jQuery：按样式属性选择元素

Question

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

我的HTML：

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

我的查询：

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

查询（1）后

var list为null。

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

但声明（2）效果很好， 和

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

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

我知道我应该按名称或id属性查找元素，或者只查询样式中是否出现“color”（不需要匹配位置）。 但我真的很想知道为什么它不能像我期望的那样发挥作用。

非常感谢，

Answer 1

[style|="color"]不匹配，因为color后面没有短划线且不完全匹配。

  

[att | = val]表示具有att属性及其值的元素   或者正好是“val”或者以“val”开头   接着是“ - ”（U + 002D）。

SPEC

  

我正在尝试选择具有其style属性的元素列表   从“颜色”开始

所以使用：

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