JSFiddle - React, Tailwind, and code Playground

by ytyaru

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>h1-1</h1>
<h1>h1-2</h1>

<p id="A">xxxxx</p>
<p name="B">xxxxx</p>

<ul>
  <li class="item">1</li>
  <li class="item">2</li>
</ul>

<p><span>span1</span> <span>span2</span></p>
<span>span1<span>one</span></span> <span>span2<span>two</span></span>

CSS

body {
  background-color: #000000;
  color: #888888;
}

JavaScript

// jQueryセレクタ
// JS-API版 https://jsfiddle.net/ytyaru/tdpz710b/
$("h1").text("HHHHH");
$("#A").text("AAAAA");
$("[name='B']").text("BBBBB");
$(".item").text("ITEM");
$("span:first-child").text("HHHHH");
$("span > span").text("INSPAN");