jQuery is a JavaScript library that is used on your websites. jQuery is open source material that is used to make Javascript programming easier and more efficient. How to Add jQuery to Your Project You can download jQuery from or you can use a CDN (Content Delivery Network). There are many CDNs for jQuery. https://jquery.com/download/ After that, you should reference it to your HTML page (Like CSS but a bit different). As you know you can write your codes in "script" tags. You can also use the src attribute of script tags for referencing a js file. Here is an example: <script src= > "jquery-3.5.1.min.js" </ > script You should assign your jQuery path to the src attribute. For example, my jQuery is in root and I can simply write the name of the file. How to Use jQuery You should write your scripts after referencing jQuery because if you write your codes before it, they won't work. You can simply write your codes in another .js file or in script tags. It would look like this: ... < = > script src "jquery-3.5.1.min.js" </ > script < > script //Your JQuery Codes </ > script How to Write jQuery Codes jQuery codes are easy to write. The first step is to call jQuery. For this, you should use a "$" at the beginning of your codes. After "$", you should select one or many elements. For this, you can use CSS query selectors. It may look something like this: < > script $( )...
   $( )...
   $( )... "#MyElementID" ".MyClass" "MyElementTagName" </ > script After that, you can modify your elements with jQuery methods. They are many elements available that you can search for in other documentations. For example, this code will hide an element with "el1" id! < > script $( ).hide(); "#el1" </ > script jQuery Codes jQuery codes look like this: . ; $( ) css_selector [ ] jquery_method Thanks for reading Thanks for reading. My name is Nima Owji. I am a 14 years old programmer. If you had any questions, you can ask me on Twitter! Thank you, have a nice time! Also published at https://dev.to/nima_owji/how-to-use-jquery-what-is-it-written-by-nima-owji-3ah6

Twitter

How To Create A "Night Mode" For Your Website

Follow me on Twitter!

2021 - HackerNoon Contributor of the Year - HTML

2021 - HackerNoon Contributor of the Year - CSS

Nominated for 2022 - HackerNoon Contributor of the Year - Product Hunt

Nominated for 2022 - HackerNoon Contributor of the Year - News

Nominated for 2022 - HackerNoon Contributor of the Year - Instagram

Too Long; Didn't Read

Make resilience your competitive advantage

How to Use jQuery: An Introduction to the JavaScript Library

How to Use jQuery: An Introduction to the JavaScript Library

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

CSS Grid Layout: How It Works

10 Resources That’ll Make You Better At Dashboard Creation

10+ Ridiculously Cool Admin Themes And Templates

10 Reasons Why Front End Development Is a Great Career Choice

10 Reasons To Use TailwindCSS In Your Next Project

CSS Grid Layout: How It Works

10 Resources That’ll Make You Better At Dashboard Creation

10+ Ridiculously Cool Admin Themes And Templates

10 Reasons Why Front End Development Is a Great Career Choice

10 Reasons To Use TailwindCSS In Your Next Project

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps