源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery 工具函数学习资料

  • 时间:2020-01-24 03:35 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery 工具函数学习资料
[list] [*][url=http://www.1sucai.cn/article/23270.htm#p1]URL[/url] [/*][*][url=http://www.1sucai.cn/article/23270.htm#p2]字符串操作[/url] [/*][*][url=http://www.1sucai.cn/article/23270.htm#p3]数组和对象操作[/url] [/*][*][url=http://www.1sucai.cn/article/23270.htm#p4]测试操作[/url] [/*][*][url=http://www.1sucai.cn/article/23270.htm#p5]浏览器[/url] [/*][/list] [url=http://docs.jquery.com/Utilities/jQuery.grep#arraycallbackinvert]jQuery.grep( array, callback, [invert] )[/url][/b] [b]返回值: Array[/b] [b]说明:[/b] 使用过滤函数过滤数组元素。 此函数至少传递两个参数:待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。 [b]讲解:[/b] 默认invert为false, 即过滤函数返回true为保留元素. 如果设置invert为true, 则过滤函数返回true为删除元素. 下面的示例演示如何过滤数组中索引小于 0 的元素:
$.grep( [0,1,2], function(n,i){ 
return n > 0; 
});
//results:[1,2]
 
(4).转换
[b][url=http://docs.jquery.com/Utilities/jQuery.map#arraycallback]jQuery.map( array, callback )[/url][/b] [b]返回值:[/b]Array [b]说明: [/b] 将一个数组中的元素转换到另一个数组中。 作为参数的转换函数会为每个数组元素调用,而且会给这个转换函数传递一个表示被转换的元素作为参数。 转换函数可以返回转换后的值、null(删除数组中的项目)或一个包含值的数组,并扩展至原始数组中。 示例:
var arr = [ "a", "b", "c", "d", "e" ] ; $("div").text(arr.join(", ")); arr = jQuery.map(arr, function(n, i){ return (n.toUpperCase() + i); }); $("p").text(arr.join(", ")); arr = jQuery.map(arr, function (a) { return a + a; }); alert(arr.join(", ")); //alert  A0A0, B1B1, C2C2, D3D3, E4E4 (5) [b][url=http://docs.jquery.com/Utilities/jQuery.makeArray#obj]jQuery.makeArray( obj )[/url] , [url=http://docs.jquery.com/Utilities/jQuery.inArray#valuearray]jQuery.inArray( value, array )[/url][/b] ,[b][url=http://docs.jquery.com/Utilities/jQuery.merge#firstsecond]jQuery.merge( first, second )[/url][/b] , [b][url=http://docs.jquery.com/Utilities/jQuery.unique#array]jQuery.unique( array )[/url][/b] 就不再一一介绍了, [b]还有JavaScript的join()和split()方法也很重要。[/b]
[url=http://docs.jquery.com/Utilities/jQuery.support]jQuery.support[/url][/b] 1.3后版本新增 [b][url=http://docs.jquery.com/Utilities/jQuery.browser]jQuery.browser[/url][/b] 已废除 [b][url=http://docs.jquery.com/Utilities/jQuery.browser.version]jQuery.browser.version[/url][/b] 已废除 [b][url=http://docs.jquery.com/Utilities/jQuery.boxModel]jQuery.boxModel[/url][/b] 已废除 $.support: jQuery 1.3 新增。一组用于展示不同浏览器各自特性和bug的属性集合。 jQuery提供了一系列属性,你也可以自由增加你自己的属性。其中许多属性是很低级的,所以很难说他们能否在日新月异的发展中一直保持有效,但这这些主要用于插件和内核开发者。 所有这些支持的属性值都通过特性检测来实现,而不是用任何浏览器检测。以下有一些非常棒的资源用于解释这些特性检测是如何工作的: [list] [*]http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting [/*][*]http://yura.thinkweb2.com/cft/ [/*][*]http://www.jibbering.com/faq/faq_notes/not_browser_detect.html [/*][/list] jQuery.support主要包括以下测试: [b]boxModel[/b]: 如果这个页面和浏览器是以W3C CSS盒式模型来渲染的,则等于true。通常在IE 6和IE 7的怪癖模式中这个值是false。在document准备就绪前,这个值是null。 [b]cssFloat[/b]: 如果用cssFloat来访问CSS的float的值,则返回true。目前在IE中会返回false,他用styleFloat代替。 [b]hrefNormalized[/b]: 如果浏览器从getAttribute("href")返回的是原封不动的结果,则返回true。在IE中会返回false,因为他的URLs已经常规化了。 [b]htmlSerialize[/b]: 如果浏览器通过innerHTML插入链接元素的时候会序列化这些链接,则返回true,目前IE中返回false。 [b]leadingWhitespace[/b]: 如果在使用innerHTML的时候浏览器会保持前导空白字符,则返回true,目前在IE 6-8中返回false。 [b]noCloneEvent[/b]: 如果浏览器在克隆元素的时候不会连同事件处理函数一起复制,则返回true,目前在IE中返回false。 [b]objectAll[/b]: 如果在某个元素对象上执行getElementsByTagName("*")会返回所有子孙元素,则为true,目前在IE 7中为false。 [b]opacity[/b]: 如果浏览器能适当解释透明度样式属性,则返回true,目前在IE中返回false,因为他用alpha滤镜代替。 [b]scriptEval[/b]: 使用 appendChild/createTextNode 方法插入脚本代码时,浏览器是否执行脚步,目前在IE中返回false,IE使用 .text 方法插入脚本代码以执行。 [b]style[/b]: 如果getAttribute("style")返回元素的行内样式,则为true。目前IE中为false,因为他用cssText代替。 [b]tbody[/b]: 如果浏览器允许table元素不包含tbody元素,则返回true。目前在IE中会返回false,他会自动插入缺失的tbody。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部