DEV Community

gagecantrelle
gagecantrelle

Posted on • Updated on

What Is jQuery?

For those who use JavaScript, you might have heard about CSS or HTML before. If you don't know, CSS and HTML are file types that you use to work on front-end development. This is basically what you see when you open a website. (1) A word or sentence could be at a specific location on the page, have different colors, and have a certain font style. (2) There could be a square or rectangle of a random color on the page. (3) Maybe there is an image of something or a photo of a location.

Image description

Normally trying to use JavaScript to work on the front end of a website is a bit tricky. jQuery is a JavaScript library that makes it easier to work on the front end of a website by wrapping multiple lines of code that you would have to write into a method, making your code a lot cleaner and simpler to use commands. For example, by hovering over a sentence you can change its color to a different color. Then you can make it change back to its original color when you’re not hovering over it. Another example
would be to change the default background color to a different color, when the the website first runs.

Image description
Image description

Besides making it easier to use JavaScript on a website, jQuery also simplifies other methods, not just CSS and html manipulation.
.Effects and animations
.AJAX
.Utilities
jQuery also has plugins for other tasks you may need. Thanks to that, jQuery became popular
among some big companies, such as:
.Google
.Microsoft
.IBM

If you are interested in jQuery, I recommend that you learn a bit of HTML and CSS code first. HTML code is like the framework of a website, while CSS code is the website decorator that gives it some color, making the website not look like just a blank white page with some words/Sentences. If you are still interested in learning jQuery, I linked some sites I used when making this blog at the bottom of this page. All images used are screenshots from the linked websites.

sites used:
https://www.w3schools.com/jquery/jquery_intro.asp
https://www.youtube.com/watch?v=JjIvF0yikGU&t=410s

Top comments (0)