From the course: jQuery for Web Designers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Select elements - jQuery Tutorial
From the course: jQuery for Web Designers
Select elements
- [Voiceover] One of the things that made jQuery really popular when it first came out many years ago was its ability to select elements on the page using CSS syntax. In this video, we're going to look at how to work with that. I'm going to do everything in my JavaScript console here. So I'm going to open that here in Chrome, in the View menu, and the JavaScript Console. This will save me having to work in an external file and having to keep reloading. I can just work in the console and execute things immediately to see what they do. Now this is Hansel and Petal, a fictitious flower shop that we've used in other courses. And looking at the Elements pane here in the Web Inspector, I can see all of the currently rendered DOM. So here's my main DIV where most of the site lives. Here's my header, main menu, content footer and so forth. And as you can see, as I mouse over each of these elements in the Chrome Web Inspector, they're highlighted on the page for me. Pretty cool. So I'm going…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.