<div id="el">Some HTML element</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1/prototype.js"></script>

<script>
jQuery.noConflict();

var el = document.getElementById('el'), did='el', jid='#el';

function S4() {
  return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
}
</script>

Setup JS

el.id = did = S4();
    jid = '#' + did;
    djid = 'div#' + did;

Teardown JS

Test cases

Test #1

Title *

Async

Code *jQuery(jid);

Test #2

Title *

Async

Code *document.getElementById(did);

Test #3

Title *

Async

Code *jQuery(djid);

Test #4

Title *

Async

Code *jQuery($(did));

Test #5

Title *

Async

Code *jQuery(document.getElementById(did));

Test #6

Title *

Async

Code *jQuery(did);

Test case details

Preparation Code

Test cases

Test #1

Test #2

Test #3

Test #4

Test #5

Test #6