jquery数组处理

被刻印的时光 ゝ 提交于 2020-03-27 06:14:23

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<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>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!