从零开始学习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 | 已废除 |