Web Jquery
jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, animation, and Ajax (asynchronous JavaScript and XML) interactions for web development. It was released in 2006 by John Resig and has since become one of the most popular JavaScript libraries used by web developers. In this project, we will take a deep dive into Jquery to understand how to use it for the above mentioned functionalities and even more. Overall, jQuery is a powerful and widely-used tool for web development that can help simplify many common tasks and streamline the process of building interactive web applications.
For this project, look at the following concepts
Read or watch:
- What is JavaScript
- Selector
- Get and set content
- Manipulate CSS classes
- Manipulate DOM elements
- API
- Introdudction
- GET and POST request
- Jquery Ajax Tutorial#1 - Using Ajax and API's
- What went wrong? Troubleshooting JavaScript
- Jquery
- Jquery API
- Jquery Ajax
By the end of this project, you are expected to be able to explain to anyone Without the help of Google:
- 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
Import Jquery
<head>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>