Practicing with jQuery

In a workshop today we began looking at jQuery.

            “jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility”

We used the function .toggleClass  which is defined as: “Add or remove one or more classes from each element in the set of matched elements, depending on either the class’s presence or the value of the state argument.”

Once a box was clicked it changes colour, then if it is clicked again it returns to the original colour. The css, javascript and html is shown below:

Screen Shot 2015-03-18 at 10.33.25 Screen Shot 2015-03-18 at 10.33.29 Screen Shot 2015-03-18 at 10.33.34Below is a screen recording of the result from the workshop:

Learning about jQuery will help with making our website more interactive and will also help for the future Collaborative project we have recently been set.

jQuery.com, 2015. Available from: https://jquery.com/ [Accessed: 19.03.2015]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s