jQuery vs JS onchange

Benchmark created by tymeLX on November 4, 2013

Description

Preparation HTML

<select id="colour">
  <option value="red">Nice red colour</option>
  <option value="blue">Cool blue colour</option>
</select><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

$("#colour").change(function() {
console.log(this.value);
});

document.getElementById("colour").onchange = function() {
console.log(this.options[this.selectedIndex].value);
}

Revisions

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

• Revision 1: published by tymeLX on November 4, 2013