Jquery常用技巧和方法

核心提示：$.merge(array1, array2);合并两个数组；将数组array2中的内容复制到array1中，并将结果返回，Jquery常用技巧和方法(2)，merge方法不会去除重复，需要使用 $.unique()去除重复，而dom对象只能使用dom的方法，如要获取第三个<div>元素的内容，$.uniq

$.merge(array1, array2);
合并两个数组；将数组array2中的内容复制到array1中，并将结果返回。merge方法不会去除重复，需要使用 $.unique()去除重复。
$.unique(array);
去除数组array中的重复项。
$.grep(array, fn, [invert]);
过滤数组中的元素；该方法对数组array中的每一个对象都调用fn方法；
invert 可选参数；如果 "invert" 为 false 或未设置，则函数返回数组中由过滤函数返回 true 的元素，当"invert" 为 true，则返回过滤函数中返回 false 的元素集。
该方法常用来删除数组中的元素
-----------------------------------------------------------------
Tip6：去除string开头和结尾的空格
js中没有提供trim函数供我们去掉字符串两段的空字符，jQuery中扩展了这一功能：
$.trim(str)：删除字符串两端的空白字符。
如：$.trim(" hello, how are you? "); //返回"hello,how are you? "
-----------------------------------------------------------------
Tip5：添加事件和移除事件
为一个jQuery对象添加事件是很方便的事情：
$('#btn').click(fn);
$('#btn').bind('click', fn);
jQuery提供了为一个对象的事件提供多个处理函数的机制，我们添加了一个click事件处理方法后，还可以继续添加，而不会覆盖先前的处理方法。
当调用unbind方法时移除绑定的事件订阅：
$('#btn').unbind();　　　　//将会移除所有的事件订阅
$('#btn').unbind('click')　　//将会移除click事件的订阅
-----------------------------------------------------------------
Tip4：扩展需要的功能
jQuery提供了extend方法让我们来扩展自己需要的功能。例如：
$.extend({
sum: function(num1, num2){return num1+num2; },
}); //为jquery扩展了sum方法

使用扩展的方法（通过“$.方法名”调用）：
alert($.sum(10, 20));
-----------------------------------------------------------------
Tip3：获取jQuery对象集合中的一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而 get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个<div>元素的内容。有如下两种方法：
$("div").eq(2).html(); 　　　　 //调用jquery对象的方法
$("div").get(2).innerHTML; 　　//调用dom的方法属性
-----------------------------------------------------------------
Tip2：jQuery对象和Dom的转换
Dom对象可以通过$(dom)转换为jQuery对象；例如：
$(document.getElementById('#myDiv'))
jQuery对象本身是一个索引，可以通过下标得到Dom对象；也可以使用方法get()获取Dom对象；例如：
$("div")[0];　　　　//获取第一个Dom对象
$("div").get(0);　　//同样获取第一个Dom对象
-----------------------------------------------------------------
Tip1：在独立的js文件中智能感知
在js文件的开头添加：/// <reference path="jquery-1.3.2-vsdoc2.js" />

1) 检查IE是否是版本6


if ( (jQuery.browser.msie) && (parseInt(jQuery.browser.version) < 7) ) {
$('body').prepend('<div class="warning">You are using an old version of Internet Explorer which is not supported. Please upgrade your browser in order to view this website.</div>');