Browser Diet jQuery vs Javascript Performance Text (v16)

Revision 16 of this benchmark created on

Description

We'll modify an element's text and then change a couple CSS properties.

Preparation HTML

<div id="text">Let's change this text</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery
$('#text').html('The text is changed').css({
        backgroundColor: 'red',
        color: 'yellow'
});
ready
Javascript
function startDatos(noCol, bolfec) {
            try {
                if ($get('<%=gvDatos.ClientID %>') != null) {
                    var t = document.getElementById("<%=gvDatos.ClientID%>");
                    var t2 = document.getElementById("<%=gvHeaderDatos.ClientID%>");
                    var i = 0;
                    var j = 0;
                    t2.id = "gvHeaderDatos";

                    try {
                        if (navigator.appName == 'Microsoft Internet Explorer') {
                            t.parentElement.parentElement.style.overflowY = 'auto';
                            t.parentElement.parentElement.style.overflowX = 'hidden';
                        }
                        else {
                            t.parentNode.parentNode.style.overflowY = 'auto';
                            t.parentNode.parentNode.style.overflowX = 'hidden';
                        }
                    }
                    catch (err) {
                    }


                    //Elimina los renglones del grid que contendr� solo el header
                    for (i = t2.rows.length - 1; i > 0; i--) {
                        t2.deleteRow(i);
                    }
                    t.deleteRow(0);

                    document.getElementById("<%=PnlHeaderGrid.ClientID%>").appendChild(t2);
                }
            }
            catch (err2) {
            }
        }
ready

Revisions

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