W3.JS selects HTML elements and perform actions on the selected element(s):
- The action() is performed on the selected element(s)
- The (selector) selects the HTML element(s)
Are you familiar with CSS selectors?
W3.JS uses the CSS syntax to select and manipulate HTML elements.
Selectors are used to "find" (select) HTML elements based on their tag name, id, classes, types, attributes, values of attributes and much more. A list of all selectors can be found in our CSS Selector Reference.
To select HTML elements, use a tag name:
Hide all <h2> elements:
To select an element with a specific id, write a hash character, followed by the id of the HTML element:
Hide an element with id="London":
To select elements with a specific class, write a period character, followed by the name of the class:
Hide all elements with class="city":
More Selector Examples
|("*")||Selects all elements in the document||Try it|
|(this)||Selects the current HTML element||Try it|
|("p.intro")||Selects all <p> elements with class="intro"||Try it|
|("div p")||Selects all <p> element inside all <div> elements||Try it|
|("div p:first-child")||Selects the first <p> element inside all <div> elements||Try it|
|("[href]")||Selects all elements with an href attribute||Try it|
|("a[target=_blank]")||Selects all <a> elements with a target attribute value equal to "_blank"||Try it|
|("p:nth-child(even)")||Selects all even <p> elements||Try it|
For a complete reference of all CSS selectors, please go to our CSS Selectors Reference.