jQuery.grep()

作用：grep()方法用于数组元素过滤筛选。
语法：grep(array,callback,invert)。
参数含义：
array：带过滤数组。
callback：数组过滤函数，该函数包含两个参数，第一个是当前数组元素的值
，第二个是数组元素的下标，即元素索引值。
invert：布尔型可选项，默认为false，即返回的是过滤函数处理以后为true
的数组；选项设置为false的时候，返回的是过滤函数处理以后为false的数组
。
实例：

一、

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>jQuery.grep demo</title><style>div {color: blue;}p {color: green;margin: 0;}span {color: red;}</style><script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body><div></div>
<p></p>
<span></span><script>
var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
$( "div" ).text( arr.join( ", " ) );arr = jQuery.grep(arr, function( n, i ) {return ( n !== 5 && i > 4 );
});
$( "p" ).text( arr.join( ", " ) );arr = jQuery.grep(arr, function( a ) {return a !== 9;
});$( "span" ).text( arr.join( ", " ) );
</script></body>
</html>

运行结果：

1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1
1, 9, 4, 7, 3, 8, 6, 9, 1
1, 4, 7, 3, 8, 6, 1

二、

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

运行结果：　

[ 1, 2 ]

三、

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

运行结果：

[ 0 ]

实例二和三因为参数invert设置不同，而返回不同的数组。

转载于:https://www.cnblogs.com/invincible-hehe/p/3692519.html

jQuery.grep()相关推荐

jQuery --- grep
返回值:ArrayjQuery.grep(array, callback, [invert]) 概述使用过滤函数过滤数组元素. 此函数至少传递两个参数:待过滤数组和过滤函数.过滤函数必须返回 tru ...
jQuery源码分析之$.grep()函数四问
问题1:jQuery.grep源码是什么? //grep函数,第三个参数表示是否根据fn的结果取反! grep: function( elems, callback, invert ) { var c ...
jquery 1.7.2源码解析（二）构造jquery对象
构造jquery对象 jQuery对象是一个类数组对象. 一)构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数:检查该字符 ...
06-老马jQuery教程-jQuery高级
1.jQuery原型对象解密 jQuery里面的大部分API都是在jQuery的原型对象上定义的.jQuery源码中对原型对象做了简写的处理.也就是说:jQuery.fn === jQuery.pro ...
jQuery常用方法一览
Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test ...
jquery Selector 源码分析
/** * author:prk * date:2008-08-04 * comment:comment for selector of jQuery * */ var chars = jQuery. ...
jQuery 事件方法大全
Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...
从零开始学习jQuery (九) jQuery工具函数
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
JQuery知识点汇总
attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test ...

jQuery.grep()

jQuery.grep()相关推荐

最新文章

热门文章