zoukankan      html  css  js  c++  java
  • 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() 函数解决。

  • 相关阅读:
    C语言寒假大作战04
    C语言寒假大作战03
    C语言寒假大作战02
    C语言寒假大作战01
    C语言I作业12—学期总结
    C语言I博客作业11
    C语言I博客作业10
    C语言I博客作业09
    C语言I博客作业08
    c语言||作业01
  • 原文地址:https://www.cnblogs.com/luhe/p/2813215.html
Copyright © 2011-2022 走看看