Welcome

首页 / 脚本样式 / jQuery / 从零开始学习jQuery (九) jQuery工具函数

从零开始学习jQuery (九) jQuery工具函数2010-02-21 博客园 ziqiu.zhang一.摘要

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

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

二.前言

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

三.什么是工具函数

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

$.trim(" text ");

在原始javascript中并没有提供同时去除前后空格的trim函数.所以这一类常用的工具函数统称为 "Utilities" 函数.对应jQuery官方文档:

http://docs.jquery.com/Utilities

"$"其实是"window"对象的属性,所以下面几句话是等价的:

$.trim(" text ");
window.$.trim(" text ");
window.jQuery(" text ");
jQuery.trim(" text ");

四.工具函数分类

工具函数主要分为下面几类:

浏览器及特性检测

数组和对象操作

测试操作

字符串操作

Url操作

区别于前几章的讲解方式,本文不在列举函数列表.大家在应用中,比如遇到想操作一个字符串,可以首先从在"API文档/Utilities/字符串操作"中查找是否已经提供了快捷的工具函数.如果没有再考虑自己开发.

下面使用实例具体的每个分类下常用的工具函数.

五.浏览器及特性检测

jQuery的优秀就在于其跨浏览器的特性,通常我们不用再针对不同浏览器书写不同的代码.但是如果是jQuery开发人员或者插件开发人员就要自行处理浏览器差异,以便为用户提供跨浏览器的特性.

jQuery提供了下列属性用于获取浏览器特性:

jQuery.support

1.3版本新增
jQuery.browser已废除
jQuery.browser.version

已废除
jQuery.boxModel已废除