jessquery
Version:
Modern JavaScript is pretty good, but typing document.querySelector() is a pain. This is a tiny library that makes DOM manipulation easy. jQuery is around 80kb (30kb gzipped), while this is only around 8kb (3.5kb gzipped). Lots of JSDoc comments so it's s
29 lines (24 loc) • 899 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Attach Test for HTMLElement</title>
</head>
<body>
<div id="testContainer"></div>
<script type="module">
import { $, $$ } from "../index.js"
const testContainer = $("#testContainer")
const singleElement = document.createElement("div")
singleElement.id = "singleElement"
singleElement.innerHTML = "I am a single element"
const multipleElements = document.createElement("div")
multipleElements.id = "multipleElements"
multipleElements.innerHTML = "I am a multiple elements"
multipleElements.innerHTML += "<div>Child 1</div>"
testContainer.attach(singleElement)
testContainer.attach(multipleElements)
</script>
</body>
</html>