JSFiddle - React, Tailwind, and code Playground

by danheberden

HTML

<script src="https://raw.github.com/appMobi/jQ.Mobi/master/jq.mobi.js"></script>

CSS

div {
    background:#FFF;
    color:#F00;
    border-bottom: 1px solid #AAA;
    padding:1px;
}
div.present {
    background: #DDD;
    color: #000;
}
div.results {
    font-size:1.5em;
    font-weight:bold;
    padding:10px;
    border:1px solid #444;
    margin:10px;
    color:#000;
}

JavaScript

var jQuery = jQuery.noConflict(true);

jQuery( document ).ready( function() {
    
    var methods = [],
        method,
        total = 0,
        hits = 0,
        add = function( method, present ) {
          methods.push( '<div class="' + present + '">' + method + ': ' + present + '</div>' );
        }
    
    
        jQuery.each( { '.fn.': [jQuery.fn, jq.fn ], '.' : [ jQuery, jq ] }, function( i, v ) {    
        for( method in v[0] ) {
            var present = "missing"
            if ( v[0].hasOwnProperty( method ) ) {
                if ( v[1][method] ) {
                   present = "present";
                   hits++;
                }
                add( 'jq' + i + method, present );
                total++;
            }
        }
    });
    var $doc = jQuery( document.body );
    $doc.append( '<div class="results">jQ.mobi has ' + hits + ' of the ' + total + ' methods jQuery has</div>' );
    $doc.append( methods.join('') );
    
});