jquery数组处理

约定不等于承诺〃 2022-07-16 14:52 146阅读 0赞

<!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($)\{ ![dot.gif][]\}/这样就可以了     
        //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>

[dot.gif]: /images/20220709/61a4d87457cc417eb7721cc324b92f2f.png