// 浏览器各自特性和bug的属性集合，功能特性检测/支持
jQuery.support = (function () {
// 声明变量
var support, all, a,
input, select, fragment,
opt, eventName, isSupported, i,
p = document.createElement("p");
// Setup
// 设置class样式
p.setAttribute("className", "t");
// 插入HTML
p.innerHTML = " <link>
a";
// Support tests won't run in some limited or non-browser environments
// 获取元素
all = p.getElementsByTagName("*");
a = p.getElementsByTagName("a")[0];
// 检测是否支持最基本检测
if (!all || !a || !all.length) {
return {};
}
// First batch of tests
// 创建select元素
select = document.createElement("select");
// 创建option元素并插入到select中
opt = select.appendChild(document.createElement("option"));
// 获取input元素
input = p.getElementsByTagName("input")[0];
// 设置CSS样式
// cssText：设置样式
// 说明：在IE中最后一个分号会被删掉,可以添加一个分号来解决这个问题
// 例如: Element.style.cssText += ’;width:100px;height:100px;top:100px;left:100px;’
a.style.cssText = "top:1px;float:left;opacity:.5";
// support（支持）对象
support = {
// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
// 验证一些属性是否支持使用get/setAttribute方法，不支持返回true，支持返回false
// 通过setAttribute添加class值是否成功来检测,IE6~7支持，其他浏览器不支持
getSetAttribute:p.className !== "t",
// IE strips leading whitespace when .innerHTML is used
// 检测节点类型是否为文本节点 成功返回true，失败返回false
// 使用innerHTML，IE会自动剔除HTML代码头部的空白符
leadingWhitespace:p.firstChild.nodeType === 3,
// Make sure that tbody elements aren't automatically inserted
// IE will insert them into empty tables
// 验证是否存在tbody标签，不存在返回true，存在返回false
// 确保tbody元素不会自动插入（IE6~7会自动插入的空tbody）
tbody:!p.getElementsByTagName("tbody").length,
// Make sure that link elements get serialized correctly by innerHTML
// This requires a wrapper element in IE
// 验证innerHTML插入链接元素是否可被序列化，成功则返回true，失败返回false
// 所谓序列化是指：可被读取的一种存储标准，在IE6~8中返回false。
htmlSerialize:!!p.getElementsByTagName("link").length,
// Get the style information from getAttribute
// (IE uses .cssText instead)
// 验证getAttribute("style")是否返回元素的行内样式，成功返回true,失败返回false
// 在IE6~8中为false，因为他用cssText代替
style:/top/.test(a.getAttribute("style")),
// Make sure that URLs aren't manipulated
// (IE normalizes it by default)
// 验证getAttribute("href")返回值是否原封不动，成功返回true，失败返回false
// 在IE6~7中会返回false，因为他的URL已常规化。
hrefNormalized:a.getAttribute("href") === "/a",
// Make sure that element opacity exists
// (IE uses filter instead)
// Use a regex to work around a WebKit issue. See #5145
// 验证浏览器是否能正确解析opacity,成功返回true,失败返回false
// 在IE6~8中返回false，因为他用alpha滤镜代替。
opacity:/^0.5/.test(a.style.opacity),
// Verify style float existence
// (IE uses styleFloat instead of cssFloat)
// 验证cssFloat是否存在，成功返回true，失败返回false
// 在IE6~8中返回false,他用styleFloat代替
cssFloat:!!a.style.cssFloat,
// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
// 验证checkbox的默认value是否为'on',成功返回true,失败返回false
// safair默认为'' 空字符串
checkOn:!!input.value,
// Make sure that a selected-by-default option has a working selected property.
// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
// 验证创建的select元素的第一个option元素是否会默认选中, 成功返回true，失败返回false
// FF，Chrome返回true,IE6~10返回false
// 注意:option元素的父元素不一定是select，也有可能是optgroup
optSelected:opt.selected,
// Tests for enctype support on a form (#6743)
// 验证创建form的enctype属性是否存在，存在返回true，不存在返回fasle(IE6~9,均存在)
// enctype:设置表单的MIME编码,默认编码格式是application/x-www-form-urlencoded,不能用于文件上传；multipart/form-data，才能完整的传递文件数据
enctype:!!document.createElement("form").enctype,
// Makes sure cloning an html5 element does not cause problems
// Where outerHTML is undefined, this still works
// 验证是否支持html5节点复制，成功返回ture，失败返回false
// 失败：复制节点cloneNode(true).innerHTML返回一个空字符串
html5Clone:document.createElement("nav").cloneNode(true).outerHTML !== "<:nav>",
// jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode
// 验证页面和浏览器是否以W3C CSS盒式模型来渲染，而非怪异模式下。IE6~7的怪癖模式会返回false
boxModel:document.compatMode === "CSS1Compat",
// Will be defined later
// 稍后将定义
deleteExpando:true,
noCloneEvent:true,
inlineBlockNeedsLayout:false,
shrinkWrapBlocks:false,
reliableMarginRight:true,
boxSizingReliable:true,
pixelPosition:false
};
// Make sure checked status is properly cloned
// 检测单选框选中状态能否正确克隆
// 在IE6~9中会返回false,无法正确克隆
// (1) 设置checkbox的checked为true
input.checked = true;
// (2) cloneNode克隆（复制）一份checkbox，获取他的checked值
support.noCloneChecked = input.cloneNode(true).checked;
// Make sure that the options inside disabled selects aren't marked as disabled
// (WebKit marks them as disabled)
// 检测select元素设置为disabled后，其所有option子元素是否也会被设置为disabled
// (1)禁用下拉列表
select.disabled = true;
// (2)获取下拉列表子元素的disabled是否为true
// 测试：IE FF Chrome Safair Opera 的opt.disabled都为false，说明option不会被设置为disabled
// 其他：部分webkit会被设置为disabled,需要老版本的chrome支持。
support.optDisabled = !opt.disabled;
// Support: IE
t
";
// 获取TD
tds = p.getElementsByTagName("td");
// 检测none状态下，offsetHeight值是否正确,正确返回true，失败返回false
// 在IE6~8下返回false
// (1)设置TD[0]样式
tds[0].style.cssText = "padding:0;margin:0;border:0;display:none";
// (2)检测TD[0]的内容高度是否为0
isSupported = (tds[0].offsetHeight === 0);
// 检测TD初始化，相邻的td的隐藏，offsetHeight值是否正确,正确返回true，失败返回false
// 在IE6~8返回false
// 设置TD[0]display(显示)初始化,相邻的td隐藏
tds[0].style.display = "";
tds[1].style.display = "none";
// Support: IE8
// Check if empty table cells still have offsetWidth/Height
support.reliableHiddenOffsets = isSupported && (tds[0].offsetHeight === 0);
// Check box-sizing and margin behavior
// 清理p子元素
p.innerHTML = "";
// 设置盒模型以及margin等行为
p.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
// 检测是否符盒模型(通过offsetWidth来判断)
// 在IE6~7中返回false 返回值为6
support.boxSizing = (p.offsetWidth === 4);
// 字面翻译：body偏移不是因为margin影响 (未验证)
support.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== 1);
// Use window.getComputedStyle because jsdom on node.js will break without it.
// 未来判断(向上检测)
// 判断是否支持getComputedStyle方法
// getComputedStyle:获取当前元素所有最终使用的CSS属性值,返回的是一个CSS样式声明对象
if (window.getComputedStyle) {
// 检测图层定位（像素位置）是否有误,正确返回false 错误返回true
support.pixelPosition = (window.getComputedStyle(p, null) || {}).top !== "1%";
// 检测盒模型是否可靠
support.boxSizingReliable = (window.getComputedStyle(p, null) || { width:"4px" }).width === "4px";
// Check if p with explicit width and no margin-right incorrectly
// gets computed margin-right based on width of container. (#3333)
// Fails in WebKit before Feb 2011 nightlies
// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
// 为处理某个BUG存在,块级元素margin right兼容问题
// webkit 返回错误的值
// 创建一个p元素
marginp = p.appendChild(document.createElement("p"));
// 样式声明或（重置)
marginp.style.cssText = p.style.cssText = pReset;
marginp.style.marginRight = marginp.style.width = "0";
p.style.width = "1px";
support.reliableMarginRight =
!parseFloat((window.getComputedStyle(marginp, null) || {}).marginRight);
}
// FF不支持zoom 检测IE6~7 版本
if (typeof p.style.zoom !== core_strundefined) {
// Support: IE";
p.firstChild.style.width = "5px";
support.shrinkWrapBlocks = (p.offsetWidth !== 3);
if (support.inlineBlockNeedsLayout) {
// Prevent IE 6 from affecting layout for positioned elements #11048
// Prevent IE from shrinking the body in IE 7 mode #12869
// Support: IE
