通过本文主要向大家介绍了jQuery,源码分析等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
其中jQuery.browser已经提供了根据UserAgent检测的浏览器信息。而jQuery.support 使用特性检测来检查浏览器的功能以及Bug。
和文档一样，首先说明一下，这个模块是很底层的代码，基本不需要在日常开发中使用，但是插件的开发者更需要。因为插件需要兼容各个浏览器。首先看一下 support模块提供了哪些浏览器特性的检测，以下结果是在Chrome 13 Dev下看到的结果。根据浏览器的不同，这里的成员可能会有变化。（PS:再次吐槽IE，大部分属性都是IE比较特别）
- ajax: true。是否支持XMLHttpRequest对象。老版本的IE不支持，必须用ActiveX。 * appendChecked: true。 * boxModel: true。是否根据W3C CSS盒模式渲染。IE6和7的Quirks模式为False。 * changeBubbles: true。change事件是否沿着DOM树冒泡。这是W3C DOM事件模型的要求，但是IE目前为止是False。jQuery模拟了这个冒泡特性。 * checkClone: undefined。在克隆Radio Button或者CheckBox时是否保留选中状态。以前说createFragment缓存的时候提到过，WebKit内核是不保留的。 * checkOn: false。CheckBox在没有指定时是否默认为On。 * cors: true。XMLHttpRequest对象是否带有withCredentials属性。可以执行跨域请求。或者没有这个属性，但是有其他途径可以实现跨域XHR请求的，也是True（比如通过Windows Gadget）。 * cssFloat: true。支持cssFloat的CSS属性。IE是False，它使用了styleFloat。 * deleteExpando: true。 * focusinBubbles: false。 * getSetAttribute: true。 * hrefNormalized: true。对一个a元素调用getAttribute("href")时，是否返回原始指定的URL。IE会返回完整路径。比如对于href="1.html"的链接，IE会得到http://..../1.html。 * htmlSerialize: true。是否可以用innerHTML插入link元素。IE为false。 * inlineBlockNeedsLayout: false。为了让block元素表现inline-block，是否需要为inline并且hasLayout（IE下的概念，大部分布局问题的根源）。IE8以下有问题。 * leadingWhitespace: true。innerHTML属性是否严格按照代码渲染。IE6-8中会去掉前置的空白。（所以使用Markdown写的这篇文章在IE下有格式问题，因为换行不见了） * noCloneChecked: true。1.5.1新属性。检测浏览器是否克隆checked扩展属性。IE为false。 * noCloneEvent: true。拷贝的元素是否会带有事件处理函数（即Event handler是否被拷贝过去）。IE为false。 * opacity: true。是否支持opacity CSS属性（透明度）。IE为false，它使用alpha filter。 * optDisabled: true。已经disabled的select元素中的option元素是否默认为disabled。 * optSelected: true。一个默认被选中的option元素的selected属性是否正常。 * radioValue: true。 * reliableHiddenOffsets: true。在table的cells被设置为display:none的时候，仍然有offsetWidth/Height。即hidden靠不住。只有IE8有这个问题。参见4512号bug * reliableMarginRight: true。div有显式的宽度，但是没有margin-right。此时基于容器计算margin-right不正确。旧版本WebKit有问题。参见3333号bug * scriptEval(): 1.5.1版本前，这是一个属性，而现在变成函数了。检测一个inline的脚本在使用标准的DOM操作函数被添加时是否会自动执行。比如appendChild和createTextNode。IE是false，它使用text来插入脚本。 * shrinkWrapBlocks: false。元素在hasLayout的情况下是否会撑大父节点。只有IE6是true。 * style: true。一个元素的inline的style属性是否可以用DOM属性访问。比如getAttribute("style")。IE是false，它使用cssText属性。 * submitBubbles: true。submit事件是否沿着DOM树冒泡。IE为false，jQuery模拟了这个冒泡过程。 * tbody: true。一个空的table元素是否可以没有tbody元素。根据HTML规范，子元素是可选的。但是IE是false，所以会自动插入一个tbody元素。
jQuery创建了几个元素用来判断浏览器特性。如下：