Spark vs. jQuery (v5)

Revision 5 of this benchmark created by TeMc on April 7, 2011

Description

Preparation HTML

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script src="http://sparkjs.co.uk/assets/downloads/Spark-v2.3.8.min.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>
  jQuery.noConflict();
  Spark.noConflict();
</script>

Test runner

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

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

$$('ul li').setStyles({
 color: '#CCCCCC',
 fontWeight: 'bold',
 fontSize: '10px'
}).addEvent('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