jquery数组处理

最新推荐文章于 2024-10-13 17:05:21 发布

雨雪飘零

最新推荐文章于 2024-10-13 17:05:21 发布

阅读量711

点赞数

分类专栏： JavaScript 文章标签： jquery function 正则表达式 null div api

JavaScript 专栏收录该内容

7 篇文章 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($){}/这样就可以了
        //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>