[置顶]   jQuery乱谈（七）

function( elem, name, value ) {             return value !== undefined ?                 jQuery.style( elem, name, value ) :                 jQuery.css( elem, name );         }

// 在DOM节点上读取或设置样式属性 style: function( elem, name, value, extra ) {     // 过滤Text和Comment，如果没有style属性也直接返回     if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {         return;     }      // Make sure that we're working with the right name     // 确保使用了正确的名字     var ret, type, origName = jQuery.camelCase( name ),         style = elem.style, hooks = jQuery.cssHooks[ origName ]; // 转换为驼峰格式     // 修正属性名，是否在不同的浏览器中使用不同的属性名     name = jQuery.cssProps[ origName ] || origName; // CSS钩子      // Check if we're setting a value     // 设置     if ( value !== undefined ) {         type = typeof value;          // 计算相对值 rrelNum = /^([\-+])=([\-+.\de]+)/, //         if ( type === "string" && (ret = rrelNum.exec( value )) ) {             /*              * ret[1] 正负；ret[2] 相对值              * +( ret[1] + 1) ret[1]是字符串，加上1变成'+1'或'-1'，最前边的加号将字符串转换为数字1或-1              * +ret[2] 同样的加号将ret[2]转换为数字              * 正负1 乘以 相对值 再加上 当前值，得出要设置的值              */             // #9237：.css()在带有连字符的属性上不能工作，在1.6.2中修正             type = "number";         }          // 过滤NaN null，不做任何处理，如果想从内联样式中删除某个属性，请传入空字符串         if ( value == null || type === "number" && isNaN( value ) ) {             return;         }          // 如果传入一个数字，追加单位px（jQuery.cssNumber中定义的属性除外，见jQuery.cssNumber的定义）         if ( type === "number" && !jQuery.cssNumber[ origName ] ) {             value += "px";         }          // 前边的都是前戏：过滤非法参数、计算相对值、追加单位后缀          /*          * 如果有钩子hooks，且hooks中存在set函数，则调用hooks.set，将返回值赋给value          * 如果hooks.set的返回值为undefined，则不执行任何操作；返回值不为undefined，则用新value设置样式值          * 简单点说，有hooks.set则调用，用返回值替换value，最后设置style.name；否则直接设置style.name          * 可见钩子的作用是修正属性值，并不直接对值进行设置          * 等价的逻辑：          * 
          * if ( hooks && "set" in hooks ) {          *   value = hooks.set( elem, value );          *   if( value != undefined ) style[ name ] = value;          * } else {            *   style[ name ] = value;          * }          * 
          */         if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {              // 用try-catch块，预防在IE中，当用不合法的值设置样式值时，抛出异常             try {                 style[ name ] = value;             } catch(e) {}         }     // 读取     } else {         // 如果有钩子hooks，则调用hooks.get，返回值赋给ret         if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {             return ret;         }          // 否则从style对象中读取属性值         return style[ name ];     } }

// 读取样式值 css: function( elem, name, extra ) {     var ret, hooks;      name = jQuery.camelCase( name ); // 转换为驼峰式     hooks = jQuery.cssHooks[ name ]; // 是否有钩子     name = jQuery.cssProps[ name ] || name; // 修正属性名      // cssFloat需要特殊处理，（styleFloat不需要吗？）     if ( name === "cssFloat" ) {         name = "float"; // 又把它转换回去了！     }      // 如果钩子hooks存在，则调用hooks.get计算样式值，并返回     if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {         return ret;           // 否则，如果curCSS存在，则调用curCSS获取计算后的样式值，并返回     } else if ( curCSS ) {         return curCSS( elem, name );     } }

// W3C
if ( document.defaultView && document.defaultView.getComputedStyle ) {     getComputedStyle = function( elem, name ) {         var ret, defaultView, computedStyle; // 预定义变量         // 将驼峰式转换为连字符，例如marginTop > margin-top         // rupper = /([A-Z]|^ms)/g,         name = name.replace( rupper, "-$1" ).toLowerCase();          /*          * 分解：          * var defaultView = elem && elem.ownerDocument.defaultView;          * var computedStyle = defaultView && defaultView.getComputedStyle( elem, null );          * var ret = computedStyle && computedStyle.getPropertyValue( name );          * return ret;          */         if ( (defaultView = elem.ownerDocument.defaultView) &&                 (computedStyle = defaultView.getComputedStyle( elem, null )) ) {             ret = computedStyle.getPropertyValue( name );              if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {                 ret = jQuery.style( elem, name );             }         }          return ret;     }; }
   // IE if ( document.documentElement.currentStyle ) {     currentStyle = function( elem, name ) {         var left, rsLeft, uncomputed,             ret = elem.currentStyle && elem.currentStyle[ name ], // 直接就取值             style = elem.style;           /*          * 避免返回空字符串          * 如果elem.currentStyle[ name ]返回null，用style[name]试试          */         if ( ret === null && style && (uncomputed = style[ name ]) ) {             ret = uncomputed;         }          /*          * 不处理一般的像素值，但是如果单位很奇怪就需要修正为像素px          * rnumpx = /^-?\d+(?:px)?$/i, // 可选的负号 加 数字 加 可选的px，对数值进行检查          * rnum = /^-?\d/, // 整数，不支持+1这样的写法（应该支持）          *           * 数字后跟了非像素单位          *           *           */         if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {              // Remember the original values             // 记录原始值             left = style.left;             rsLeft = elem.runtimeStyle && elem.runtimeStyle.left;                if ( rsLeft ) {                  elem.runtimeStyle.left = elem.currentStyle.left;             }             style.left = name === "fontSize" ? "1em" : ( ret || 0 );             ret = style.pixelLeft + "px";              // Revert the changed values             style.left = left;             if ( rsLeft ) {                 elem.runtimeStyle.left = rsLeft;             }         }          return ret === "" ? "auto" : ret;     }; }  curCSS = getComputedStyle || currentStyle;

cssHooks: {         opacity: {             get:function( elem, computed ) {        if ( computed ) {            // We should always get a number back from opacity                     var ret = curCSS( elem, "opacity" );            return ret === "" ? "1" : ret;                  }             }         }     }