Leveraging CSS selectors in JavaScript

Traditional JavaScript developers had to work directly with the HTML DOM (Document Object Model). Lucky for us modern developers, we don't need to deal with this complicated structure (Although in the background it's exactly how it works). With modern libraries we can avoid interacting directly with this relatively complicated concept. Instead we're going to leverage the simplicity of CSS selectors to select documents elements. Both jQuery and GSAP come with an CSS Selector engine under the hood. Hopefully by now you've worked with a bit of CSS. The way CSS elements integrate with HTML is through simple selector rules. In this lecture we're going to give you an overview of selectors and how to integrate them into our tweens.