At this point, I have a slight confession to make: adding full-blown WebP support to jQuery will probably be outside the scope of this book, let alone fill most of its pages!
Note
WebP is a relatively new image format created by Google, which offers better compression than standard PNG files—you can read more about it at https://developers.google.com/speed/webp/. At present, both Chrome and Opera support this format natively; other browsers will display WebP images once support is added.
The next demo is really about how we can make the switch between two different ways of presenting content on screen, depending on whether our browser supports the newer format. A good example of this is where we might use CSS3 animation wherever possible and fall back to using jQuery for those browsers that do not support CSS3 animation natively.
In our next demo, we're going to use a similar principle to create a monkey patch that overrides the .hasClass() method in order to automatically...