Flash cards
Review the key moves
1/4
Core idea
What is the main idea behind JavaScript / jQuery CSS Styles?
Lesson checks
Practice each idea before moving on
Short Mimo-style checks built from this lesson's code, terms, and sequence.
1Quick choice
Which statement best captures the main point of this lesson?
2Fill blank
Complete the missing token from the example code.
___.hide();3Order
Put the learning moves in the order that makes the concept easiest to apply.
Showing HTML Elements
Hiding HTML Elements
jQuery vs JavaScript
jQuery vs JavaScript
jQuery was created in 2006 by John Resig. It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax.
However, after JavaScript Version 5 (2009), most of the jQuery utilities can be solved with a few lines of standard JavaScript:
Hiding HTML Elements
Hide an HTML Element
myElement.hide();myElement.style.display = "none";Showing HTML Elements
Show an HTML Element
myElement.show();myElement.style.display = "";Styling HTML Elements
Change the font size of an HTML element:
$("#demo").css("font-size","35px");JavaScript
document.getElementById("demo").style.fontSize = "35px";