Skip to content

Latest commit

 

History

History

0x15-javascript-web_jquery

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

0x15. Javascript - Web JQuery

Description

What you should learn from this project:

  • Why jQuery make front-end programming so easy (don’t forget to tweet today, with the hashtag #ilovejquery :))
  • How to select HTML elements in Javascript
  • How to select HTML elements with jQuery
  • What are differences between ID, class and tag name selectors
  • How to modify an HTML element style
  • How to get and update an HTML element content
  • How to modify the DOM
  • How to make a GET request with jQuery Ajax
  • How to make a POST request with jQuery Ajax
  • How to listen/bind to DOM events
  • How to listen/bind to user events

  • Write a Javascript script that updates the text color of the HTML tag HEADER to red (#FF0000):
  • Write a Javascript script that updates the text color of the HTML tag HEADER to red (#FF0000):
  • Write a Javascript script that updates the text color of the HTML tag HEADER to red (#FF0000) when the user clicks on the tag DIV#red_header:
  • Write a Javascript script that adds the class red to the HTML tag HEADER to red (#FF0000) when the user clicks on the tag DIV#red_header:
  • Write a Javascript script that toggles the class of the HTML tag HEADER to red (#FF0000) when the user clicks on the tag DIV#toggle_header:
  • Write a Javascript script that adds a LI element to a list when the user clicks on the tag DIV#add_item:
  • Write a Javascript script that updates the text of the HTML tag HEADER to “New Header!!!” when the user clicks on DIV#update_header

Author