jQuery常用函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jQueryNote/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        //$.trim();函数.
        var msg = '    hello   ';
        alert('---' + $.trim(msg) + '---');

        $.each();函数
        var arrays = [1, 3, 5, 7, 9];
        $.each(arrays, function (key, value) {
                    alert(key + ' ' + value);
        //alert(this);
                });

    //键值对数组
        var arrName = {'zjx':'自己想','tzx':'挑战性','txl':'推向了'};
        $.each(arrName, function (k, v) {
            if (k == 'zjx') {
                v = '想问题';
            }
            alert(k + '---' + v);
        });
         
        //要求,把索引大于三的arrs数组中的值翻倍.其它的不改.
       //$.map();
        var arrs = [1, 2, 3, 4, 5];
        var result = $.map(arrs, function (arg1, arg2) {
            //alert(arguments.length); //测试map内部的函数的参数,output :3
            //alert(arg1 + "----" + arg2); 测试arg1,arg2的值.arg1为值,arg2为索引.
            if (arg2 > 3) {
                return arg1 * 2;
            } else {
                return arg1;
            }

        });
        alert(result);
 


   //jQuery 和javascript中的区别.

        $(function () {
            $('#showtime').click(function () {
            var d=new Date();
            d.getDate();
            alert(d);
            });

        });

        //推荐写法.
        $(function () {
            $('#btn').click(function () {
                alert('推荐写法');
            });
                });
//记得jQuery中获取id的时候,要加# ,点击事件关键字没有on.
        $(document).ready(function () {
            $('#btn').click(function () {
                alert('这儿方法没有推荐写法快');
            });
        });

 
        $(document).ready(function myfunction() {
            alert('j');
        });
       //  简写方式.
        $(function () {
            alert('easy');

        });

        window.onload = function () {
            document.getElementById('btn').onclick = function () {

                alert('document');
            };
        };
    </script>
</head>
<body>
    <input type="button" name="name" value="button" id="btn" />
    <input type="button" name="name" value="显示时间" id="showtime"/>
</body>
</html>

posted @ 2013-07-22 01:28  nqsan  阅读(501)  评论(0编辑  收藏  举报