jQuery allows you to perform several visual effects on one or more elements. Effects can be to show or hide and element, as well as moving an element from one area of a page to another. Showing and Hiding Elements jQuery offers you several ways to show/hide an element based upon what you want to…
There is a basic problem with jQuery’s .load() method. Namely, it places the results into a single element. What if we wanted to put multiple items into multiple HTML elements, or not necessarily display the returned results – rather storing the values in variables. Well jQuery provides several additional methods to load data, but the…
AJAX is a way for a web page to asynchronously load external content. That means, it can load content, without having to load the entire page. So you can update a page by loading content at different times, based usually upon some action of the end-user. There are numerous ways to send a request for…
Similar to how jQuery, allows us to read and write to a form element, jQuery can allow us to change the contents of an HTML element. However, instead of using the val() method, jQuery provides two different methods, depending upon what you are wanting/needing to do. As with the val() method, it is most common…
One of the biggest things that people need to be able to do in jQuery, is change the results of an element on the webpage. jQuery makes it easy for you to read, or write, the content of an element, whether it be form element or a non-form element. Values of a Form Element Most…
As we’ve previously seen in our Introduction to Events, adding event listeners is fairly easy. The question then becomes, when would you need to use them? And to what can we attach them? Well, we can attach them to any visible element. So, for example, tags are not going to be useful, however divs, spans,…
An event is when something happens in an application. Event programing makes use of those events by setting up listeners to know when something happens. A listener is triggered when it “hears” the event broadcast, and it executes a function. This is how a program can respond to those events, making the page interactive. There…
jQuery makes it easy to add a class to a selected element, or elements. Likewise, it makes it easy to remove classes from the element. This allows you easily update your page layout dynamically. You may want to use classes instead of Directly Applying your CSS Rules because it will make updating the design and…
