jQuery

While many of the enhancements jQuery brought to JavaScript have been integrated directly into the language…

Despite front-end frameworks like React, Angular, and Vue rise to prominence and preference over jQuery…

jQuery remains pervasive throughout the web. You may not need to learn it deeply but you will need at least a cursory understanding if you are doing any legacy code work.

One of the quickest ways to get up to speed on jQuery is to page through W3School’s tutorial on jQuery.

Things You Should Know

• Basic Syntax and Document Ready Event.
• Selectors (element, id, class, etc.).
• Events (mouse, keyboard, form, document/window, etc.).
• Effects (hide, show, toggle, slide, fade, animate, etc.).
• Callbacks.
• Chaining.
• HTML Methods (text(), html(), val(), attr()).
  • Adding Elements (append(), prepend(), after(), before()).
  • Removing Elements (remove(), empty()).
• CSS Methods (addClass(), removeClass(), toggleClass(), css()).
• Dimensions (width(), height(), etc.).
• Traversing (ancestors, descendants, siblings etc.).
• Filtering (first(), last(), eq(), filter(), not()).