PowerPoint Slide 1

 

PowerPoint Slide 2

 

PowerPoint Slide 3
This is a really helpfull video that I found that gives a very brief overview on JQuery https://www.youtube.com/watch?v=U4UZVbQ8md0
PowerPoint Slide 4

'#' denotes an ID to search for in HTML, '.' denotes a class to search for in HTML

'$' is used to access jQuery and (as stated above) jQuery uses CSS syntax to access different elements.

I found that you can use a similar function to change the actual CSS styling of an HTML object- see this example from W3Schools: $("p").css("color", "red");

PowerPoint Slide 5

 

PowerPoint Slide 6

Using // should work in all modern browsers

PowerPoint Slide 7
link to a list of methods of the jQuery type object
PowerPoint Slide 8

The .html() function is used to set or return the content of the selected html elements (the inner HTML)

PowerPoint Slide 9

 

PowerPoint Slide 10

 

PowerPoint Slide 11

 

PowerPoint Slide 12

 

PowerPoint Slide 13

$(document).ready(function(){ ... }); Allows the entire page to load before any jQuery is executed.

furthermore the document.ready() is called as soon as the DOM is ready