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…
If you have ever worked with CSS you know the problem you can have when you float one element, and then have text next to it. Especially if that text is in a list, or a highlighted box (usually surrounded with a border and/or background color). Essentially the margin of the element next to the…
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…
Child elements can be selected in jQuery, the same as you would select them with CSS. Simply put a space between the parent and the child. So if you wanted to select paragraphs that are within a div with an id of content, you would have a selector like the following: $(‘#content p’) Likewise you…
If you need help with jQuery Selectors, please click on the previous link. Using jQuery, you can apply CSS directly to one or more elements you have selected with the jQuery selector. This is done using the css function. It is called by placing a jQuery selector, dot and then the css command. This actually…
Use of jQuery usually starts with you selecting one or more elements in a web page. Selectors is the start of how you will identify which elements you want jQuery to work on. To start with jQuery, you will typically use the $ (dollar sign) symbol as a shortcut to call jQuery, or jQuery name…
In our first two Introduction to JavaScript (Part 1) & (Part 2) we introduced many basic concepts, such as variables, if – else statements, loops, and functions. In this example, we want to expand on those concepts a little. We will look at a new type of variable, called the array, nested if-else statements, breaks,…
