It always helps to know what to call things. Someone asked a question about html terminology recently and I thought this might be useful to keep around…
consider the following markup:
<div class="my-class" id="my-id"></div>
div is an element with two attributes (class and id) which you can use as selectors, in addition to the element tag (div), to target the element.
Targeting elements
| class | id | tag | |
|---|---|---|---|
| jQuery | $(“.my-class”) | $(“#my-id”) | $(“div”) |
| Vanilla js | document .getElementsByClassName(“my-class”) | document .getElementById(“my-id”) | document .getElementsByTagName(“div”) |
| CSS | .my-class{…} | #my-id{…} | div{…} |