Spark vs. jQuery

Benchmark created by Oliver Caldwell on February 9, 2011

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script src="//sparkjs.co.uk/assets/downloads/Spark-v2.0.0.js"></script>
<ul>
    <li>A list item</li>
    <li>A list item</li>
    <li>A list item</li>
    <li>A list item</li>
    <li>A list item</li>
    <li>A list item</li>
</ul>
<script>
  Spark.noConflict();
</script>

Test runner

Spark('ul li').css({
 color: '#CCCCCC',
 fontWeight: 'bold',
 fontSize: '10px'
}).event('click', function(e) {
 console.log(e.target.innerHTML);
});

jQuery('ul li').css({
 color: '#CCCCCC',
 fontWeight: 'bold',
 fontSize: '10px'
}).click(function(e) {
 console.log(e.target.innerHTML);
});

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Oliver Caldwell on February 9, 2011
• Revision 3: published by Oliver Caldwell on February 10, 2011
• Revision 4: published by Oliver Caldwell on February 11, 2011
• Revision 5: published by TeMc on April 7, 2011