jQuery之必知的工具函数.docxVIP

本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.我们经常要使用脚本处理各种业务逻辑, 最常见的就是数组和对象的操作. jQuery工具函数为我们操作对象和数组提供了便利条件。大部分人仅仅使用jQuery的选择器选择对象, 或者实现页面动画效果. 在处理业务逻辑时常常自己编写很多算法. 本文提醒各位jQuery也能提高我们操作对象和数组的效率. 并且可以将一些常用算法扩充到jQuery工具函数中, 实现脚本函数的复用.51CTO推荐专题：/art/201005/202450.htmjQuery从入门到精通一.什么是工具函数工具函数是指在jQuery对象(即变量$)上定义的函数. 这些函数都是工具类函数.比如C#中最常用的trim()函数:$.trim(??text???);?在原始javascript中并没有提供同时去除前后空格的trim函数. 所以这一类常用的工具函数统称为 Utilities 函数.对应jQuery官方文档:/Utilities$其实是window对象的属性, 所以下面几句话是等价的:二. 工具函数分类工具函数主要分为下面几类:◆ 浏览器及特性检测◆ 数组和对象操作◆ 测试操作◆ 字符串操作◆ Url操作区别于前几章的讲解方式, 本文不在列举函数列表. 大家在应用中, 比如遇到想操作一个字符串, 可以首先从在API文档/Utilities/字符串操作中查找是否已经提供了快捷的工具函数. 如果没有再考虑自己开发.下面使用实例具体的每个分类下常用的工具函数.三.浏览器及特性检测jQuery的优秀就在于其跨浏览器的特性, 通常我们不用再针对不同浏览器书写不同的代码. 但是如果是jQuery开发人员或者插件开发人员就要自行处理浏览器差异, 以便为用户提供跨浏览器的特性.jQuery提供了下列属性用于获取浏览器特性:jQuery.support1.3版本新增jQuery.browser已废除jQuery.browser已废除jQuery.browser已废除在1.3版本中已经废除了三个属性, 这里不再讲解. 让我们将注意力放在 jQuery.support 函数上.jQuery.support返回值: Object说明:jQuery 1.3 新增。一组用于展示不同浏览器各自特性和bug的属性集合。jQuery提供了一系列属性，你也可以自由增加你自己的属性。其中许多属性是很低级的，所以很难说他们能否在日新月异的发展中一直保持有效，但这这些主要用于插件和内核开发者。所有这些支持的属性值都通过特性检测来实现，而不是用任何浏览器检测。以下有一些非常棒的资源用于解释这些特性检测是如何工作的：http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting/cft//faq/faq_notes/not_browser_detect.htmljQuery.support主要包括以下测试：boxModel: 如果这个页面和浏览器是以W3C CSS盒式模型来渲染的，则等于true。通常在IE 6和IE 7的怪癖模式中这个值是false。在document准备就绪前，这个值是null。cssFloat: 如果用cssFloat来访问CSS的float的值，则返回true。目前在IE中会返回false,他用styleFloat代替。hrefNormalized: 如果浏览器从getAttribute(href)返回的是原封不动的结果，则返回true。在IE中会返回false，因为他的URLs已经常规化了。htmlSerialize: 如果浏览器通过innerHTML插入链接元素的时候会序列化这些链接，则返回true，目前IE中返回false。leadingWhitespace: 如果在使用innerHTML的时候浏览器会保持前导空白字符，则返回true，目前在IE 6-8中返回false。noCloneEvent: 如果浏览器在克隆元素的时候不会连同事件处理函数一起复制，则返回true，目前在IE中返回false。objectAll: 如果在某个元素对象上执行getElementsByTagName(*)会返回所有子孙元素，则为true，目前在IE 7中为false。opacity: 如果浏览器能适当解释透明度样式属性，则返回true，目前在IE中返回false，因为他用alpha滤镜代替。scriptEval: 使用 appendChild/createTextNode 方法插入脚本代码时，浏览器是否执行脚本，目前在IE中返回false，IE使用