jQuery1.x版本的框架時(shí)兼容所有IE瀏覽器的,而2.x版本的jQuery框架并不支持低端IE瀏覽器。此處的低端IE瀏覽器指的是IE8版本以及8版本以下。所以,對于需要全兼容的項(xiàng)目,就不得不使用1.x版本啦。
成都創(chuàng)新互聯(lián)公司客戶idc服務(wù)中心,提供成都多線服務(wù)器托管、成都服務(wù)器、成都主機(jī)托管、成都雙線服務(wù)器等業(yè)務(wù)的一站式服務(wù)。通過各地的服務(wù)中心,我們向成都用戶提供優(yōu)質(zhì)廉價(jià)的產(chǎn)品以及開放、透明、穩(wěn)定、高性價(jià)比的服務(wù),資深網(wǎng)絡(luò)工程師在機(jī)房提供7*24小時(shí)標(biāo)準(zhǔn)級(jí)技術(shù)保障。
資料來源:HTML5學(xué)堂(wx+號(hào))
在IE瀏覽器中,給select的options設(shè)置
disable屬性
是沒用的。
必須采用一定手段才可以解決這個(gè)問題。當(dāng)然原理就是記住上次選中的
option。
this.selectedIndex
就派上用場了。
需要刷新下才可以看到效果,因?yàn)檩敵龅亩际俏谋?,不存在js加載的情況。
使用jQuery解決IE不支持的option
disable屬性
$(document).ready(function(){
$(".myselect
option:disabled").css('color',
'#CCC');
$('.myselect').change(function(){
if(this[this.selectedIndex].disabled){
this.selectedIndex
=
this.s||0;
}else{
this.s
=
this.selectedIndex||0;
}
})
})
使用jQuery解決IE不支持的option
disable屬性
普通:
第1項(xiàng)
第2項(xiàng)
第3項(xiàng)
第4項(xiàng)
第5項(xiàng)
第6項(xiàng)
對比1:
第1項(xiàng)
第2項(xiàng)
第3項(xiàng)
第4項(xiàng)
第5項(xiàng)
第6項(xiàng)
對比2:
第1項(xiàng)
第2項(xiàng)
第3項(xiàng)
第4項(xiàng)
第5項(xiàng)
第6項(xiàng)
Dev
By
CssRain,當(dāng)然你有興趣,也可以封裝成插件。記得發(fā)我一份哦。
[Ctrl+A
全選
注:如需引入外部Js需刷新才能執(zhí)行]
如果只是判斷IE版本,沒必要?jiǎng)佑肑QUERY來做,直接可以判斷了,,下面是各版本的代碼
!--[if IE]
h1您正在使用IE瀏覽器/h1
!--[if IE 6]
h2版本 6/h2
![endif]--
!--[if IE 7]
h2版本 7/h2
![endif]--
!--[if gte IE 8]
h2版本 8及以上/h2
![endif]--
![endif]--
如果一定要用JQUERY來判斷的話,可以用jquery.browser來做。下面是簡單粟子。
script type="text/javascript" src=""/script
script type="text/javascript"
$(function() {
var userAgent = window.navigator.userAgent.toLowerCase();
$.browser.msie10 = $.browser.msie /msie 10\.0/i.test(userAgent);
$.browser.msie9 = $.browser.msie /msie 9\.0/i.test(userAgent);
$.browser.msie8 = $.browser.msie /msie 8\.0/i.test(userAgent);
$.browser.msie7 = $.browser.msie /msie 7\.0/i.test(userAgent);
$.browser.msie6 = !$.browser.msie8 !$.browser.msie7 $.browser.msie /msie 6\.0/i.test(userAgent);
$(".info").html(
"h3userAgent:/h3" + userAgent + "br /" +
"h3Is IE 10?/h3" + $.browser.msie10 +
"h3Is IE 9?/h3" + $.browser.msie9 +
"h3Is IE 8?/h3" + $.browser.msie8 +
"h3Is IE 7?/h3" + $.browser.msie7 +
"h3Is IE 6?/h3" + $.browser.msie6
);
});
/script
body
div class="info"/div
/body
1.可以使用原生JS或者低版本的Jquery1.x版本。因?yàn)镴query從2.x版本開始已經(jīng)不再進(jìn)行IE低版本(IE6、IE7、IE8)的兼容性處理。如果需要兼容低版本的IE版本,建議使用原生JS或者低版本的Jquery1.x版本。
2.可以給網(wǎng)頁寫兩套或者多套JS代碼以適應(yīng)不同版本、不同類型的瀏覽器,然后使用原生JS判斷瀏覽器的型號(hào)和版本來加載不同的JS文件。
jquery簡介:
jquery是一套跨瀏覽器的JavaScript庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個(gè)版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊(duì)進(jìn)行開發(fā)。全球前10000個(gè)訪問最高的網(wǎng)站中,有59%使用了jquery,是目前最受歡迎的JavaScript庫。
jQuery新版本已經(jīng)不再進(jìn)行IE低版本(IE6、IE7、IE8)的兼容性處理。
如果項(xiàng)目需要兼容IE低版本,需要使用jQuery1.x版本,從2.x開始已經(jīng)不兼容IE6、7、8了。
以下為jQuery官網(wǎng)的通知:
jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8. All the notes in the jQuery 1.9 Upgrade Guide apply here as well. Since IE 8 is still relatively common, we recommend using the 1.x version unless you are certain no IE 6/7/8 users are visiting the site. Please read the 2.0 release notes carefully.
翻譯如下:
jQuery 2.x和jQuery的API用法相同,但是不再支持IE6、7、8。
1.9版本中的所有升級(jí)向?qū)畔⑼瑯舆m用于2.x
由于IE8仍然用戶較多,因此建議使用1.x版本,除非確定沒有用IE6、7、8的用戶訪問網(wǎng)站。
請仔細(xì)閱讀2.0的發(fā)布信息。