var isEventSupported = (function() {
    var TAGNAMES = {
      'select':'input','change':'input',
      'submit':'form','reset':'form',
      'error':'img','load':'img','abort':'img'
    }
    function isEventSupported(eventName){
      var el = document.createElement(TAGNAMES[eventName] || 'div');
      eventName = 'on' + eventName;
      var isSupported = (eventName in el);
      if (!isSupported) {
        el.setAttribute(eventName, 'return;');
        isSupported = typeof el[eventName] == 'function';
      }
      el = null;
      return isSupported;
    }
    return isEventSupported;
  })();

  $.supports.transition = (function(){
    var transitionEnd = (function(){
      var el = document.createElement('bootstarp'),
          transEndEventNames = {
            'WebkitTransition':'webkitTransitionEnd',
            'MozTransition':'transitionend',
            'OTransition':'OTransitionEnd otransitionend',
            'transition':'transitionend'
          };
        for (var name in transEndEventNames){
          if (el.style[name] !== undefined){
            return transEndEventNames[name]
          }
        }
    }());
    return transitionEnd && {
      end: transitionEnd
    }
  })();

  var eventName = {
    AnimationEvent:'animationend',
    WebKirAnimationEvent: 'WebKirAnimationEnd'
  },animationend;
  for(var name in eventName) {
    if (/object|function/.test(typeof window[name])){
      animationend = eventName[name]
      break
    }
  }

  var prefixes = ['','-webkit-','-o-','-moz-','-ms-'];
  var cssMap = {
    "float" : $.support.cssFloat "https://github.com/termi/CSS.supports">https://github.com/termi/CSS.supports

4.jQuery的一些常用的特征的含义
jQuery在support模块例举了一些常用的DOM特征支持情况，不过名字起的很怪，不同版本差别也很大，本章以jQuery1.8为准。
leadingWhitespace:判定浏览器在进行innerHTML赋值时，是否存在trimLeft操作，这个功能原本是IE发明的，结果其他浏览器认为要忠于以后的原始值，最前面的空白不能神略掉，要变成一个文本节点，最终IE678返回false,其他浏览器返回true
tobody:指在用innerHTML动态创建元素时，浏览器是否会在table内自动补上tobody,jQuery希望浏览器别处理，让jQuery来补全。判断浏览器是否只能插入tobody。在表格布局的年代，这个特性十分受用。如果没有tbody,table会在浏览器解析到闭合标签时才显示出来。如果起始标签和闭合标签相隔很远，换言之，这个表格很长，用户会什么都看不到，但有了tbody分段显示和识别，避免了长时间空白后一下子显示出来的情况。
复制代码 代码如下:

    var div = document.createElement("div");

    div.innerHTML = '<table></table>'

    alert(div.innerHTML) //=>ie678返回<table><tbody></tbody></table>,其它返回<table></table>




html.Serialize:判断浏览器是否完好支持用innerHTML转换一个符合html标签规则的字符串为一个元素节点，此过程jQuery称为序列化，但IE支持不够完好。包括scirpt link style mata在内的no-scope元素都转换失败。
style：这个命名很难看懂，不看代码不知道什么意思，真像是判定getAttribute是否返回style的用户预设值。IE678没有返回区分特性的特征，返回一个CSSStyleDeclaration对象。
hrefNormalized:判定getAttribute能否返回href的用户预设值。IE会补充给你完整的路径给你
opacity：判定浏览器是否支持opacity属性，ie678要使用滤镜
cssFloat: 判定float的样式在DOM的名字是那个，W3c为cssFloat,IE678为styleFloat
CheckOn: 在大多数浏览器中checkBox的value为on，chorme返回空字符串
optSelected: 判定是否正确取得动态添加option元素的seleted,ie6-10与老版的safari对动态添加option没有设置为true。解决办法，在访问selected属性前，先访问父节点的selectedIndex属性，再强制计算option的seleted.


<select id='optSelected'></select>
<script type="text/javascript">
  var select = document.getElementById('optSelected');
  var option = document.createElement('option');
  select.appendChild(option);
  alert(option.selected);
  select.selectedIndex;
  alert(option.selected)
</script>




optDisabled : 判定select元素的disable属性是否影响到子元素的disabled取值.在safari中，一旦select元素被disabled,它的子元素也disabled，导致一个值也取不到
checkClone：是指一个checkbox元素，如果设置了checked=true，且在多次克隆后，它的复制品能否保持为true。这个方法只有在safari4中返回false，其它的都true
inlineBlockNeedsLayout:判定是否使用hasLayout方法让dispaly:inline-block生效。这个方法只有ie678为true
getSetAttribute：判定是否区分特性属性，只有ie678为false
noCloneEvent：判定在克隆元素时是否克隆attachEvent绑定事件。只有旧版本的ie及其兼容模式返回false
enctype：判定浏览器是否支持encoding属性，ie67使用encoding属性来代替
boxModel:判定浏览器是否在content-box盒子渲染模式下
submitBubbles, changeBubbles, focusinBubble：判定浏览器是否支持这些事件，一直冒泡到document
shrinkWrapBlocks:判定元素是否会被子元素撑开。在IE678中，非替换元素在设置了大小与hasLayout的情况下，将将其父级元素撑大。
html5Clone:判定能否使用cloneNode克隆HTML5新标签 ，旧版本的IE不支持。需要用到outerHTML
deleteExpando:判定能否删除元素节点上的自定义元素，这用于jQuery缓存系统。旧版本的IE不支持，直接undefined
pixelPosition:判定getComputedStyle能否转换元素的top left bottom right元素的百分比值。这个在webkit系统会出现问题，需要用到 Dean Edwards神的hack
reliableMarginRight:判定getComputedStyle能否正确的取得元素的marginRiht.
clearCloneStyle ：ie9 10 会出现奇怪的bug,当复制了一个元素的background-*样式的元素，对复制的元素进行清空时，会清空原来的样式。
随着浏览器疯狂更新版本，标准浏览器引发的各种bug已经超越IE，特征侦测不退反进，越来越重要了。
以上所述就是本文的全部内容了，希望大家能够喜欢。