jQuery的跨浏览器支持问题

我才知道，jquery supports all including old browsers jQuery的跨浏览器支持问题

但我尝试添加一个占位符的搜索框，它不是在IE8

工作

jQuery(document).ready(function(){ 
    $('#search').attr('placeholder','search....');       
});

所以我想更多地了解跨浏览器支持。如所说的那样，它实际上还是不工作？

我知道HTML属性placeholder不支持。但我的问题是关于jQuery。

来源

2013-11-01 Bhojendra Nepal

IE8以下

<input type="text" value="search..." onfocus="if(this.value == 'search...') this.value = '';" onblur="if(this.value == '') this.value = 'search...';" />

??用火杀死它！！：p – coolguy

您似乎滥用占位符属性来替代''元素。 [规范]（http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute）禁止。 – Quentin

我似乎假设jquery使用自己的定义超出了html，但有这个问题来了解jquery只是解析dom ...... –

IE8这么想的支持占位符

只有IE10 +支持此属性

但如果你真的想有占位符看看这个jQuery插件https://github.com/mathiasbynens/jquery-placeholder

来源

2013-11-01 08:20:09 zzlalani

由于不支持以上占位符。
因此，将以下代码/注释添加到HTML页面的头部。现在ie8会很好地发挥。

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
<!--[if lt IE 9]> 
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
<![endif]-->

来源

2013-11-01 08:24:14

什么是HTML5 Shim和Respond.js？请简要讨论一下HTML5 Shim和Respond.js，以及何时需要这2个？谢谢 – Mou

这里的问题不是JQuery，而是占位符属性本身。请参阅this chart以解答您的问题：否，IE8不支持placeholder attribute。

来源

2013-11-01 08:24:35 yPhil

占位符是未通过IE8

使用支持的HTML5特征使用jquery

<input type="text" class="my-input" value="" /> 

    <script type="text/javascript"> 

     $(document).ready(function() { 
      $('.my-input').val('search...'); 
      $('.my-input').focus(function() { 
       if (this.value == 'search...') this.value = ''; 
      }); 
      $('input.my-input').blur(function() { 
       if (this.value == '') this.value = 'search...' 
      }); 
     }); 
     /* 
     here I assumed a class 
     .my-input 

     you can use input#id or input.className or other selector 

     better you give the code of your text-box or entire form so that I can give you the exact selector 

     */ 
    </script>

来源

2013-11-01 08:34:50

我怎么能做到这一点与jquery因为我不能编辑标记 –

jQuery的跨浏览器支持问题

回答

相关问题