Purpose: shortens JavaScript code.

Equivalent:

• document.querySelector() → $()

Incorporating jQuery

Method 1 (before closing body tag)

<script src="jQuery CDN"></script>
<script src="index.js"></script>

Method 2 (inside head)

<script src="jQuery CDN"></script>
<script src="index.js"></script>

Run code after document loads:

$(document).ready(function () {
  // JS code
});

Common jQuery methods

Styling:

• .addClass()
• .css()
• .removeClass()
• .toggleClass()

Text:

• .text()
• .html()

Attributes: