jQuery attr style 选择器在不同浏览器中的表现

　　今天写了段JQuery选择器代码，为了找到Style 中含有display:none的元素，本以为很简单的事情，但在不同浏览器中运行时，就出现了问题。

　　Html 代码：

　　

　　使用下面的选择器语句在谷歌中正常，但IE中获取不到正确的结果，怀疑写法在IE中不兼容，换了各种写法都不行，网上查找一番，无解。

$("td:not([style*='display:none'])", ".searchDiv")

　　绝招：分别在不同浏览器控制台打印出style属性，终于找到原因。我只测试了谷歌和IE，其他浏览器可自己试验。

　　

　　注意他们的区别，一个是注意大小写，另外要注意冒号后的空格（style='DISPLAY: none'）。

　　其他浏览器随便写，IE中：

　　不行：$("td:not([style*='DISPLAY: none'])", this.searchDiv)

　　正解：$("td", ".searchDiv").not($("td[style='DISPLAY: none']", ".searchDiv"))

 

　　IE 7 下仍然有问题，使用jquery的filter() 函数解决。