:eq()是0 based index, 必须要>=0,
.eq()无所谓 负值就是倒着数， -1就是最后一个。
去除输入框获得焦点时候的蓝色边框
Outline：none
jQuery动画效果出现抖动的解决方法
在项目的JSP中应用了jQuery UI的accordion特效，
但是每次单击菜单，菜单都抖的厉害，影响美观。
在《锋利的Jquery》书中查到，原来是jQuery的动画效果必须在标准模式即要求文件头部包含如下的DTD定义：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
或者
<!DOCTYPE html>
将以上的代码放在JSP的第一行，菜单的显示效果就正常了。
jQuery动画效果出现抖动的解决方法
在项目的JSP中应用了jQuery UI的accordion特效，
但是每次单击菜单，菜单都抖的厉害，影响美观。
在《锋利的Jquery》书中查到，原来是jQuery的动画效果必须在标准模式即要求文件头部包含如下的DTD定义：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
或者
<!DOCTYPE html>
将以上的代码放在JSP的第一行，菜单的显示效果就正常了。
jQuery中的宽度获取：
width() - returns the width of an element.
height() - returns the height of an element.
innerWidth() - returns the width of an element (includes padding). 包括padding
innerHeight() - returns the height of an element (includes padding).
outerWidth() - returns the width of an element (includes padding and border).包括padding和border
outerHeight() - returns the height of an element (includes padding and border).
outerWidth(true) - returns the width of an element (includes padding, border, and margin).包括padding，margin，border
outerHeight(true) - returns the height of an element (includes padding, border, and margin)
\r是回车，英文是Carriage return，作用：使光标到行首
\n是换行，英文是New line/line feed，作用：使光标下移一行
1、windows下可直接使用\n来匹配换行符，但仍然推荐使用标准的\r\n来匹配键盘Enter键的换行符;
2、使用\r\n组合是有顺序的，调转顺序写成\n\r是错误的，将无法匹配换行符！
focus() 和focusin()
blur()和fucuout()的差别在于后者会冒泡，只要设置focusin/out的元素本身或者子代元素有focus或者blur都会执行所设置的操作；
防止文字被选中
这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的
css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}
<div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;">
屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。
属性有三个属性值：
1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。
2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。
3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。
1 $.extend(settings, options); 2 //合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在 3 setting中。 4 var settings = $.extend({}, defaults, options); 5 //合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。
$.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。
1 var tempArr=$.map( [0,1,2], function(i){ return i + 4; }); 2 tempArr内容为：[4,5,6] 3 var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; }); 4 tempArr内容为：[2,3] 5 $.merge(arr1,arr2):合并两个数组并删除其中重复的项目。 6 如：$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4] 7 $.trim(str)：删除字符串两端的空白字符。 8 如：$.trim(” hello, how are you? “); //返回”hello,how are you? ”
DOM2有两个方法用来添加和移除事件处理程序：addEventListener()和removeEventListener()。它们都有三个参数：第一个参数是事件名（如click）；第二个参数是事件处理程序函数；第三个参数如果是true则表示在捕获阶段调用，为false表示在冒泡阶段调用。
- addEventListener():可以为元素添加多个事件处理程序，触发时会按照添加顺序依次调用。
- removeEventListener():不能移除匿名添加的函数。
-
1 //不能移除 2 var obj = document.getElementById('site_nav_top'); 3 obj.addEventListener('click', function () { 4 alert(this.innerHTML); 5 }, false); 6 obj.removeEventListener('click', function () { 7 alert(this.innerHTML); 8 }, false); 9 10 //能移除 11 var obj=document.getElementById("site_nav_top"); 12 var show=function(){ 13 alert(this.innerHTML); 14 } 15 obj.addEventListener("click",show,false); 16 obj.removeEventListener("click",show,false);
