JSFiddle - React, Tailwind, and code Playground

by Jared Williams

HTML

<div id="first">
    <div class="second">
        <p>This is a <b>demo</b>.</p>
        <p>This paragraph has no B tag.</p>
        <p>This paragraph has no B tag.</p>
    </div>
</div>

JavaScript

console.log('jQuery Object');
console.log($());

console.log("-------------------------------");

console.log("div");
console.log($("div"));
console.log(document.getElementsByTagName("div"));

console.log("-------------------------------");

console.log("#first");
console.log($("#first"));
console.log(document.getElementById("first"));

console.log("-------------------------------");

console.log(".second");
console.log($(".second"));

console.log(document.getElementById('first').querySelectorAll(".second"));

console.log("-------------------------------");

console.log("p");
console.log($("p"));