网络技术 > 前端设计
jquery数组处理
分类:前端设计    时间:2023-07-18    浏览:3826次

<html>

<head>

<title>Hi!</title>

<script type="text/javascript" src="../scripts/jquery-1.2.1.js">

</script>

<script type="text/javascript">

var $ = ''Hi!'';

jQuery(function(){

alert(''$ = ''+ $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){jquery数组处理 - 可可西里AngelSun - 博客博天下,天下博客博}/这样就可以了

//alert(jQuery)

});

jQuery(function($){

//遍历数组 .each的使用-

var anArray = [''one'',''two'',''three''];

$.each(anArray,function(n,value) {

//do something here

//alert(n+'' ''+value);

});

var anObject = {one:1, two:2, three:3};

$.each(anObject,function(name,value) {

//do something here

//alert(name+'' ''+value);

});

//-过滤数组 .grep的使用

var originalArray =[99,101,103];

/*//第一种写法

var bigNumbers = $.grep(originalArray,function(value) {

return value > 100;

});

*/

var bigNumbers = $.grep(originalArray,''a>100'');//第2种写法,还可以用正则表达式来过滤

$.each(bigNumbers,function(n,value) {

//do something here

//alert(n+'' ''+value);

});

//转换数组 .map的使用

var strings = [''1'',''2'',''3'',''4'',''S'',''K'',''6''];

var values = $.map(strings,function(value){

var result = new Number(value);

return isNaN(result) ? null : result;//如果result不是数字则 返回null(返回null在这里相当于不返回)

});

$.each(values,function(n,value) {

//do something here

//alert(value);

});

var characters = $.map(

[''this'',''that'',''other thing''],

function(value){return value.split('''');}//分离字符串用返回给characters

);

//alert(characters.length);

//.inArray(value,array)的使用返回value在array下标的位置,如果value不在array中则返回

-1

var index = $.inArray(2,[1,2,3,4,5]);

//alert(index);

//makeArray(obj)的使用将类数组对象转换为数组对象。

var arr = jQuery.makeArray(document.getElementsByTagName("div"));

//arr.reverse(); // 使用数组翻转函数

$.each(arr,function(n,value) {

//do something here

//alert(n+'' ''+value);

//alert(value.html());

});

var arr2 =$.unique(document.getElementsByTagName("div")); //获得唯一的对象,看API,说得很模

糊,http://docs.jquery.com/Utilities/jQuery.unique

alert();

$.each(arr2,function(n,value) {

//do something here

alert(n+'' ''+value);

});

});

</script>

</head>

<body>

<div>First</div><div>Second</div><div>Third</div><div>Fourth</div><div>Fourth</div>

</body>

</html>

Copyright © 2014-2024 shaooo.com All Rights Reserved. 苏ICP备08014032号
返回顶部