JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<!--jq1.9.1 is already loaded-->
<div id="log">
  <h3>Before $.noConflict(true)</h3>
</div>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
 
<script>
var $log = $( "#log" );
 
$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );
 
/*
Restore globally scoped jQuery variables to the first version loaded
(the newer version)
*/
jq162 = jQuery.noConflict(true);
 
$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
   
</script>
    <script>
        jq162("#log").click(function(){
           jq162("h3").css("background-color","yellow");
        });
        $("#log").click(function(){
           $("h3").css("color","blue");
        });
    </script>

JavaScript

//jquery noConflict stuff

// click the h3 tags