和文檔一樣，首先說(shuō)明一下，這個(gè)模塊是很底層的代碼，基本不需要在日常開(kāi)發(fā)中使用，但是插件的開(kāi)發(fā)者更需要。因?yàn)椴寮枰嫒莞鱾€(gè)瀏覽器。首先看一下 support模塊提供了哪些瀏覽器特性的檢測(cè)，以下結(jié)果是在Chrome 13 Dev下看到的結(jié)果。根據(jù)瀏覽器的不同，這里的成員可能會(huì)有變化。（PS:再次吐槽IE，大部分屬性都是IE比較特別）

• ajax: true。是否支持XMLHttpRequest對(duì)象。老版本的IE不支持，必須用ActiveX。 * appendChecked: true。 * boxModel: true。是否根據(jù)W3C CSS盒模式渲染。IE6和7的Quirks模式為False。 * changeBubbles: true。change事件是否沿著DOM樹(shù)冒泡。這是W3C DOM事件模型的要求，但是IE目前為止是False。jQuery模擬了這個(gè)冒泡特性。 * checkClone: undefined。在克隆Radio Button或者CheckBox時(shí)是否保留選中狀態(tài)。以前說(shuō)createFragment緩存的時(shí)候提到過(guò)，WebKit內(nèi)核是不保留的。 * checkOn: false。CheckBox在沒(méi)有指定時(shí)是否默認(rèn)為On。 * cors: true。XMLHttpRequest對(duì)象是否帶有withCredentials屬性?？梢詧?zhí)行跨域請(qǐng)求。或者沒(méi)有這個(gè)屬性，但是有其他途徑可以實(shí)現(xiàn)跨域XHR請(qǐng)求的，也是True（比如通過(guò)Windows Gadget）。 * cssFloat: true。支持cssFloat的CSS屬性。IE是False，它使用了styleFloat。 * deleteExpando: true。 * focusinBubbles: false。 * getSetAttribute: true。 * hrefNormalized: true。對(duì)一個(gè)a元素調(diào)用getAttribute("href")時(shí)，是否返回原始指定的URL。IE會(huì)返回完整路徑。比如對(duì)于href="1.html"的鏈接，IE會(huì)得到http://..../1.html。 * htmlSerialize: true。是否可以用innerHTML插入link元素。IE為false。 * inlineBlockNeedsLayout: false。為了讓block元素表現(xiàn)inline-block，是否需要為inline并且hasLayout（IE下的概念，大部分布局問(wèn)題的根源）。IE8以下有問(wèn)題。 * leadingWhitespace: true。innerHTML屬性是否嚴(yán)格按照代碼渲染。IE6-8中會(huì)去掉前置的空白。（所以使用Markdown寫(xiě)的這篇文章在IE下有格式問(wèn)題，因?yàn)閾Q行不見(jiàn)了） * noCloneChecked: true。1.5.1新屬性。檢測(cè)瀏覽器是否克隆checked擴(kuò)展屬性。IE為false。 * noCloneEvent: true。拷貝的元素是否會(huì)帶有事件處理函數(shù)（即Event handler是否被拷貝過(guò)去）。IE為false。 * opacity: true。是否支持opacity CSS屬性（透明度）。IE為false，它使用alpha filter。 * optDisabled: true。已經(jīng)disabled的select元素中的option元素是否默認(rèn)為disabled。 * optSelected: true。一個(gè)默認(rèn)被選中的option元素的selected屬性是否正常。 * radioValue: true。 * reliableHiddenOffsets: true。在table的cells被設(shè)置為display:none的時(shí)候，仍然有offsetWidth/Height。即hidden靠不住。只有IE8有這個(gè)問(wèn)題。參見(jiàn)4512號(hào)bug * reliableMarginRight: true。div有顯式的寬度，但是沒(méi)有margin-right。此時(shí)基于容器計(jì)算margin-right不正確。舊版本W(wǎng)ebKit有問(wèn)題。參見(jiàn)3333號(hào)bug * scriptEval(): 1.5.1版本前，這是一個(gè)屬性，而現(xiàn)在變成函數(shù)了。檢測(cè)一個(gè)inline的腳本在使用標(biāo)準(zhǔn)的DOM操作函數(shù)被添加時(shí)是否會(huì)自動(dòng)執(zhí)行。比如appendChild和createTextNode。IE是false，它使用text來(lái)插入腳本。 * shrinkWrapBlocks: false。元素在hasLayout的情況下是否會(huì)撐大父節(jié)點(diǎn)。只有IE6是true。 * style: true。一個(gè)元素的inline的style屬性是否可以用DOM屬性訪問(wèn)。比如getAttribute("style")。IE是false，它使用cssText屬性。 * submitBubbles: true。submit事件是否沿著DOM樹(shù)冒泡。IE為false，jQuery模擬了這個(gè)冒泡過(guò)程。 * tbody: true。一個(gè)空的table元素是否可以沒(méi)有tbody元素。根據(jù)HTML規(guī)范，子元素是可選的。但是IE是false，所以會(huì)自動(dòng)插入一個(gè)tbody元素。

jQuery創(chuàng)建了幾個(gè)元素用來(lái)判斷瀏覽器特性。如下：

最新評(píng)論