library-mirrors/jquery
1
0
Fork 0
mirror of https://github.com/jquery/jquery.git synced 2024-11-23 02:54:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added in some .css() setter perf tests as well.

Browse Source
This commit is contained in:
John Resig 2010-09-17 18:26:21 -04:00
parent 2d70dc9c43
commit 7350e2e1cc
1 changed files with 35 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
speed/css.html
View File

@ -7,7 +7,7 @@
<script>var old = jQuery.noConflict(true);</script> <script>var old = jQuery.noConflict(true);</script>
<script src="../dist/jquery.js"></script> <script src="../dist/jquery.js"></script>
<script> <script>
var events = [], num = 400, exec = false; var num = 400;
jQuery(function(){ jQuery(function(){
var p = old("p"); var p = old("p");
@ -40,10 +40,43 @@
jQuery("#num").text( old.fn.jquery + ": " + oldNum + " " + jQuery.fn.jquery + ": " + curNum ); jQuery("#num").text( old.fn.jquery + ": " + oldNum + " " + jQuery.fn.jquery + ": " + curNum );
}); });
jQuery(function(){
var p = old("p");
var s = (new Date).getTime();
for ( var n = 0; n < 5; n++ ) {
for ( var i = 0; i < num; i++ ) {
p.css("position", "relative");
p.css("top", 15);
p.css("left", 15);
p.css("display", "block");
}
}
var oldNum = (new Date).getTime() - s;
p = jQuery("p");
s = (new Date).getTime();
for ( var n = 0; n < 5; n++ ) {
for ( var i = 0; i < num; i++ ) {
p.css("position", "relative");
p.css("top", 15);
p.css("left", 15);
p.css("display", "block");
}
}
var curNum = (new Date).getTime() - s;
jQuery("#num2").text( old.fn.jquery + ": " + oldNum + " " + jQuery.fn.jquery + ": " + curNum );
});
</script> </script>
<style>p { position: absolute; top: 5px; left: 5px; }</style> <style>p { position: absolute; top: 5px; left: 5px; }</style>
</head> </head>
<body> <body>
<p id="num">Hello there!</p> <p><strong>Getting Values:</strong> <span id="num">Loading...</span></p>
<p><strong>Setting Values:</strong> <span id="num2">Loading...</span></p>
</body> </body>
</html> </html>