- Query selector
- CSS and style
- DOM manipulation
- … and more.
All examples should work just fine in all modern browsers.
Additionally, have a look at the You Might Not Need jQuery website.
Here’s something that came in helpful the other day at work – “Simple file upload using jQuery and AJAX“. We were on the right track, but this blog post helped iron out the last few details. In particular, this bit:
processData: false, // Don't process the files
contentType: false, // Set content type to false as jQuery will tell the server its a query string request
success: function(data, textStatus, jqXHR)
if(typeof data.error === 'undefined')
// Success so call function to process the form
// Handle errors here
console.log('ERRORS: ' + data.error);
error: function(jqXHR, textStatus, errorThrown)
// Handle errors here
console.log('ERRORS: ' + textStatus);
// STOP LOADING SPINNER
And a clarification of the parameters:
2 attributes need to be set to false:
- processData – Because jQuery will convert the files arrays into strings and the server can’t pick it up.
- contentType – Set this to false because jQuery defaults to
application/x-www-form-urlencoded and doesn’t send the files. Also setting it to
multipart/form-data doesn’t seem to work either.
There’s a GitHub repository with all the necessary example code.
A love letter to jQuery – very beautiful and sentimental …
So thank you jQuery! It’s been a wonderful 10 years. I hope we have another 10, but if we don’t it will always be with dignity and respect that I remember you and never less, because you do the perfect job of making yourself redundant. It is befitting that you do this so gracefully. If the time does come to say goodbye it will be because you have given us all that you can. To not be needed does not mean you will not forever be important to the me and the web.
Just a few weeks after we’ve started using jQuery 2, the news come in of the new major release of jQuery being not too far away:
It’s been a long time since we did a major release, and you certainly deserve one. So we’re glad to announce the first alpha of jQuery 3.0!
Despite the 3.0 version number, we anticipate that these releases shouldn’t be too much trouble when it comes to upgrading existing code. Yes, there are a few breaking changes that justified the major version bump, but we’re hopeful these breakages don’t actually affect that many people. The jQuery Migrate plugin can help you to identify compatibility issues in your code as well. Your feedback on the changes in this alpha will help us greatly, so please try it out on your existing code and plugins!
There are actually two releases here. First is jQuery 3.0, which supports modern browsers and environments from IE9 forward. Second is jQuery Compat 3.0, which includes support for IE8. As an added bonus, both jQuery and jQuery Compat will include support for Yandex.Browser, a freeware browser released in 2012. You can get the files from the jQuery CDN, or link to them directly
fullPage.js – Create Beautiful Fullscreen Scrolling Websites
Vide – easy jQuery plugin for video backgrounds
blueberry – jQuery image slider written specifically for responsive web design
Front-end development bookmarks – a huge list of frontend development resources Dmitriy Navrotskyy has collected. Sorted from general knowledge at the top to concrete problems at the bottom.