jQuery中push与通过index添加的比较

 

 

 

<style type="text/css">

 

.mtop10{margin-top:10px;}

.lt400{float:left;width:400px;}

</style>

 

<script type="text/javascript">

$(function(){

push();

index();

});

 

function push() {

    $("#push").unbind("click").bind("click", function () {

        $("#start1").val(new Date().getMinutes().toString() + " " + new Date().getSeconds().toString() + " " + new Date().getMilliseconds().toString());

        var a = [];

        for (var i = 0; i < 100000; i++) {

            a.push(i);

        }

        $("#end1").val(new Date().getMinutes().toString() + " " + new Date().getSeconds().toString() + " " + new Date().getMilliseconds().toString());

    });

}

 

function index() {

    $("#index").unbind("click").bind("click", function () {

        $("#start2").val(new Date().getMinutes().toString() + " " + new Date().getSeconds().toString() + " " + new Date().getMilliseconds().toString());

        var a = [];

        for (var i = 0; i < 100000; i++) {

            a[a.length] = i;

        }

        $("#end2").val(new Date().getMinutes().toString() + " " + new Date().getSeconds().toString() + " " + new Date().getMilliseconds().toString());

    });

}

</script>

 

 

<div class="mtop10">

        <div class="lt400">

            <div><input id="push" type="button" value="方法一" /></div>

            <div><input id="start1" type="text" />(分 秒 毫秒)</div>

            <div><input id="end1" type="text" />(分 秒 毫秒)</div>

        </div>

        <div class="lt400">

            <div><input id="index" type="button" value="方法二" /></div>

            <div><input id="start2" type="text" />(分 秒 毫秒)</div>

            <div><input id="end2" type="text" />(分 秒 毫秒)</div>

        </div>

</div>

 

--------------------------

比较之后的效果图：

当插入很多条数据的时候尽量用index进行插入的好。