The Element Inspector in Chrome DevTools offers powerful integration with the console - learn how to programmatically navigate your selected element, how to search through the history and use CSS selectors to control what you're looking at and how to quickly and easily listen for events as you debug your application.
In latest Chrome, $('span') selects all the elements , not just the first one
that appears to only happen on the egghead page, when I go to a different webpage, it works as depicted in the video.
$('span') doesn't work anymore. Chrome says Uncaught TypeError: $ is not a function
at <anonymous>:1:1
Guess $('span')
may or may not work depending on the website.
$('span') is working perfectly now. The only difference being that in the video, only the first span tag is returned, whereas, now all the span elements are logged on the screen. No, two dollar signs are required.