Preparation code

<span id="foo" data-id="foo">
  Foo
</span>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$('#id').css('border', '1px solid red');

$('[data-id="foo"]').css('border', '1px solid red');

var a = document.getElementById("foo").style.border;
a.width = "1px";
a.style = "solid";
a.color = "red";

var a = document.getElementById("foo");
a.style.border = "1px solid red";

$('span[id="foo"]').css('border', '1px solid red');

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published on 19th April 2012
• Revision 2: published by N on 19th April 2012
• Revision 3: published on 19th April 2012
• Revision 4: published on 21st April 2012
• Revision 5: published on 21st April 2012
• Revision 6: published on 3rd May 2012
• Revision 7: published on 12th March 2013

0 comments