剧透：文章末尾有两个小问题待解答，路过的兄弟请百忙之中抽空看下～～～
彭老湿近期月报里提到了valueOf方法，兴致来了翻了下ECMA5里关于valueOf方法的介绍，如下：
15.2.4.4 Object.prototype.valueOf ( )
When the valueOf method is called, the following steps are taken:
1. Let O be the result of calling ToObject passing the this value as the argument.
2. If O is the result of calling the Object constructor with a host object (15.2.2.1), then
a. Return either O or another value such as the host object originally passed to the constructor. The specific result that is returned is implementation-defined.
3. Return O.
规范里面的对于valueOf的解释很短，大致为：调用ToObject方法（一个抽象方法，后面会讲到），并将this的值作为参数传入。
针对调用ToObject时传入的不同参数（this），返回值分别如下：
1、this为宿主对象时，返回值取决于浏览器的实现，即不同浏览器的返回可能不同（关于宿主对象，可参考http://www.w3school.com.cn/js/pro_js_object_types.asp）
2、this不是宿主对象，则返回ToObject(this)的值
参数类型 返回结果Undefined抛出TypeError异常Null抛出TypeError异常Number创建一个Number对象，它内部的初始值为传入的参数值String创建一个String对象，它内部的初始值为传入的参数值Boolean创建一个Boolean对象，它内部的初始值为传入的参数值Object返回传入的参数（无转换）
根据Object.prototype.valueOf的定义，以及抽象方法ToObject的描述，可得下表
obj类型 Object.prototype.valueOf.call(obj)返回结果Undefined抛出TypeError异常Null抛出TypeError异常NumberNumber类型的对象，值等于objStringString类型的对象，值等于objBooleanBoolean类型的对象，值等于objObjectobj对象本身
举几个具体的例子：
console.log(num.valueOf()); //输出：123
console.log(num.valueOf()); //输出：'number'
var unde = undefined;
console.log(Object.prototype.valueOf.call(unde)); //输出：'TypeError: Cannot convert null to object'
var obj = {name:'casper'};
var linkObj = obj.valueOf();
linkObj.name = 'change';
console.log(linkObj.name); //输出：'change' ...说明obj.valueOf()返回的是对象自身
实际上，上面没有提到Array、Function对象，根据下面代码可以猜想，当Object.prototype.valueOf调用时，参数为Array、Function类型的对象时，返回的结果也为对象自身：
var linkArr = arr.valueOf();
linkArr[0] = ['casper'];
console.log(linkArr); //输出：['casper', 2, 3]
var foo = function(){ return 1; };
var linkFoo = foo.valueOf();
linkFoo.test = 'casper';
console.log(linkFoo.test); //输出：'casper'
看完上面的描述，是不是有种恍然大悟的感觉？如果是的话，恭喜你，可能你跟我一样其实还没完全理解透彻。
简单举个例子，当调用Object.prototype.valueOf的对象为数值类型时，假设该对象是名称为num，num很有可能通过下面两种方式声明：
console.log(typeof num); //输出：'number'
var num = new Number(123); //通过构造方法声明
console.log(typeof num); //输出：'object'
更多变态声明方式，可参见《一眼毁三观：JS中不为人知的五种声明Number的方式》
关于返回值的说明，ECMA5里面原文如下：
Create a new Number object whose [[PrimitiveValue]] internal property is set to the value of the argument. See 15.7 for a description of Number objects.
按照这段文字的说明，似乎num.valueOf()返回的应该是个Number对象（非字面量声明的那种），但实际上：
var tmp = num.valueOf();
console.log(typeof tmp); //输出： 'number'
这是怎么回事呢？于是又仔细翻看了下，似乎有些接近真相了：
5.7.4.4 Number.prototype.valueOf ( )
Returns this Number value.
The valueOf function is not generic; it throws a TypeError exception if its this value is not a Number or a Number object. Therefore, it cannot be transferred to other kinds of objects for use as a method.
原来Number有属于自身的原型valueOf方法，不是直接从Object.prototype上继承下来，类似的，Boolean、String也有自己的原型valueOf方法，归纳如下：
类型 是否有属于自己的原型valueOf方法Undefined无Null无Number有，Number.prototype.valueOfString有，String.prototype.valueOfBoolean有，Boolean.prototype.valueOfObject-
此处之外，Array、Function并没有自己的原型valueOf方法，见规范说明：
NOTE The Array prototype object does not have a valueOf property of its own; however, it inherits the valueOf property from the standard built-in Object prototype Object.
The Function prototype object does not have a valueOf property of its own; however, it inherits the valueOf property from the Object prototype Object.
jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。
基础语法是：$(selector).action()
- 美元符号定义 jQuery
- 选择符（selector）“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
文档就绪函数您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：
$(document).ready(function(){
--- jQuery functions go here ----
});
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取 id="demo" 的第一个 <p> 元素。
jQuery 属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery CSS 选择器jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
下面的例子把所有 p 元素的背景颜色更改为红色：
实例$("p").css("background-color","red");
更多的选择器实例
语法
描述
$(this)
当前 HTML 元素
$("p")
所有 <p> 元素
$("p.intro")
所有 class="intro" 的 <p> 元素
$(".intro")
所有 class="intro" 的元素
$("#intro")
id="intro" 的第一个元素
$("ul li:first")
每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")
所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")
id="intro" 的 <div> 元素中的所有 class="head" 的元素
jQuery 效果 - 淡入淡出
jQuery Fading 方法
通过 jQuery，您可以实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法：
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() 用于淡入已隐藏的元素。
实例$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
jQuery fadeOut() 方法
jQuery fadeOut() 方法用于淡出可见元素。
实例$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
jQuery fadeTo() 方法
jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。
实例$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});