JAVASCRIPT

jquery from object to queryselector

$( "#foo" )[ 0 ]; // Equivalent to document.getElementById( "foo" ) or document.querySelector('#foo')

$( "#foo" ).get( 0 ); // Identical to above, only slower.

queryselector for jquery

var x = $(".yourclass")[0];
console.log('jq' + x);
var y = document.querySelector(".yourclass");
console.log('js' + y);

jquery from object to queryselector

$( "#foo" )[ 0 ]; // Equivalent to document.getElementById( "foo" ) or document.querySelector('#foo')

$( "#foo" ).get( 0 ); // Identical to above, only slower.

queryselector for jquery

var x = $(".yourclass")[0];
console.log('jq' + x);
var y = document.querySelector(".yourclass");
console.log('js' + y);