从零开始学习jQuery (九) jQuery工具函数

本系列文章将带您进入jQuery的精彩世界，其中有很多作者具体的使用经验和解决方案，即使你会使用jQuery也能在阅读中发现些许秘籍。

我们经常要使用脚本处理各种业务逻辑， 最常见的就是数组和对象的操作， jQuery工具函数为我们操作对象和数组提供了便利条件。

大部分人仅仅使用jQuery的选择器选择对象，或者实现页面动画效果，在处理业务逻辑时常常自己编写很多算法， 本文提醒各位jQuery也能提高我们操作对象和数组的效率， 并且可以将一些常用算法扩充到jQuery工具函数中，实现脚本函数的复用。

工具函数是指在jQuery对象(即变量"$")上定义的函数，这些函数都是工具类函数。比如C#中最常用的trim()函数：

$.trim(" text ");

讲解:

针对上面众多的浏览器特性属性, 本文只讲解两个特性.

下图是W3C标准中的盒式模型图:

假设如下元素:

Code
<style type="text/CSS">
.boxModel
{
 width:200px;
 height:50px;
 padding:10px;
 border:solid 5px #FF0000;
 background-color:#acacac;
}
</style>
<div id="divBox" class="boxModel">

Code
 $.each(["a", "b", "c"], function(i, n)
 {
 alert("Item #" + i + ": " + n);//可以获取到i值
 if (i >= 1)
 {
 return false;
 }
 });

 $("#iterateArray").click(function(event)
 {
 var array = $.each(["a", "b", "c"], function(i, n)
 {
 alert("Item #" + i + ": " + n ); //第一个参数i表示索引, this表示当前遍历的对象
 if (i >= 1)
 {
 return false;
 }
 });
 });

Code
$.grep( [0,1,2], function(n,i){
 return n > 0;
});

在开发插件的时候最常用此函数函数来处理options.

下面是fancybox插件获取options的代码:

Code
settings = $.extend({}, $.fn.fancybox.defaults, settings);

测试工具函数主要用于判断对象是否是某一种类型, 返回的都是Boolean值:

jQuery.isArray( obj )

jQuery.isFunction( obj )

同时别忘记了javascript中自带的isNaN和isFinite:

Code
var test = "123";
alert(isNaN(test));
alert(isFinite(test));