- What is jQuery
- Using jQuery
<script src="jquery.min.js"></script>
<script src="application.js"></script>
CSS
p { ... }
#container { ... }
.articles { ... }
jQuery
$("p");
$("#container");
$(".articles");
- Searching the DOM
<h1>Where do you want to go?<h1>
<h2>Travel Destinations</h2><p>Plan your next adventure.</p><ul id="destinations">
<li>Rome<li>
<li>
<ul>
<li>Parist</li>
</ul>
</li>
</ul><li class='promo'>Rio</li>
$("#destinations li")
$("#destinations > li")
$("#destinations li:first")
$("#destinations li:odd")
$("#destinations li:even")
- Traversing the DOM
- Manipulating the DOM
- Acting on Interaction
- Refactor using Traversing
- Traversing and Filtering
- On DOM Load
- Expanding on on
- Keyboard events
- Link Layover
- Taming CSS
- Animation