Because elements in HTML can be positioned using CSS, we can animate them, by changing the position, size, opacity, etc. Just like jQuery allows us to show or hide an element, fade them in and out, or even slide elements, it can allow them to animate with a method. There are two main parameters which…
In addition to hiding and reveling HTML elements, jQuery allows you to move elements around on the screen, over a given duration. Vertically Appearing / Disappearing Movements jQuery provides two commonly used methods to vertically add/remove an HTML element. .slideUp() and .slideDown(). .slideUp() will cause an element to remove itself from view, but sliding up…
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,…
