In jQuery Essential Training, Microsoft professional Joe Marini presents the power of the jQuery library, an open-source JavaScript project that greatly simplifies the process of adding advanced functionality to web sites. Joe teaches how to use these new features to build pages that work across browsers with the functionality that today's users (and clients) are looking for, from complex animation effects to dynamic page formatting. Joe pulls all of this together, showing how the jQuery UI plug-in can expand and streamline the capability of jQuery, and then integrating jQuery design tools into a complete sample web site. Exercise files accompany the course.
Topics include:
- Constructing jQuery selectors and filters to gather information from web pages
- Creating, inserting, and manipulating web page content
- Understanding jQuery statement chaining
- Building event handlers that work across browsers
- Working with jQuery effects, such as showing, hiding, and fading page elements
- Creating custom animations with specialized properties and options
- Using the jQuery UI plug-in to give pages a polished look
Learn more about lynda.com
Ready to join?
get started
Members who watched this also viewed
show more
Frequently asked questions
Find answers to the most frequently asked questions about jQuery Essential Training.
- Q: When attempting to download jQuery, as the author does in the movie “Downloading and installing jQuery,” the file does not download. When any of the links on the download page are clicked, the browser opens a page of code instead.
- A: This sometimes happens when a web browser doesn't have the proper MIME type to prompt the user to download the file instead of open it directly. Therefore, the browser is opening the code instead of downloading it. If this occurs, download the file on a by Control-clicking (Mac) or right-clicking (Windows) on the download link and choosing the Save File option, which will download it to the computer.
- Q: Why do some of the examples use the form $("document") instead of just $(document)?
- A:
jQuery's $(document).ready() function will work with either form. As a
reminder, you can also just use the $() shorthand to accomplish the same
thing:
$(function() {
// code to run when the document is ready
}); - Q: I am stuck on the first exercise in Chapter 1, video 3 "Creating a simple jQuery enabled page".
Your example javascript code, both in the movie and in the exercise files,reads as follows:
<script type="text/javascript">$("document").ready(function() {alert("The page just loaded!");});</script>
This is not working for me. - A: After jQuery 1.3.2, a change was made where quotes were nolonger needed around the "document" argument to the jQuery $() function.
Type the following instead.
<script type="text/javascript">$(document).ready(function() {alert("The page just loaded!");});</script> - Q: How do I remove the resize handle that appears on on <textarea> elements in some browsers, such as Firefox and Chrome?
- A: Some browsers automatically provide this feature for these text elements. You can disable this feature using CSS by providing a style rule for the element that specifies no resize behavior. Add the rule "resize: none;" to a stylesheet that is applied to the textarea, and the resize handle will not appear.
Q: This course was updated on 5/24/2013. What changed?
- A: This update includes a new chapter on the jQuery AJAX features, new movies on associating data with page elements, and updates to the chapters on events and the jQuery UI plugin to reflect changes in JQuery 1.8.
Can’t find an answer?
If you still have a question about jQuery Essential Training, let us know.
