What is jQuery and how to add it to web pages?

Programming is one of the sweetest activities that can be done. To do this, you can use various facilities in it, for example, the different languages it contains, additional libraries, and so on. One of these programming languages ​​is JavaScript, which can be used to add many capabilities to the web and create content that the user can interact with so that it causes the user to gain a positive user experience due to the great user experience it provides  JS which stands for JavaScript, can quickly implement features that are very complex on the web, note that any program written in JavaScript is known as a "script."

This language can be run on both browsers and servers. There are JavaScript engines in various browsers, which are embedded by JS scripts and can convert the script into a language that different devices can understand. There are multiple features in this language that you can use, which you can be more aware of by  visiting our site at www.dotnek.com, so that you can read the rest of this article with more knowledge.

Several codes must be written after learning this language to  design content for the website, and you can use jQuery to write them more quickly and accurately, which we will discuss in more detail below. Before addressing this issue, it is necessary to raise your awareness about HTML, CSS, and JavaScript so that in the following, we are going to explain them.

What is HTML?

HTML stands for  HyperText Markup Language, which is a language that is often used in the design of web pages. In fact, in this language, the code is converted to HTML and displayed by the browser.

What is CSS?

CSS stands for  Cascading Style Sheets. It describes how HTML elements are displayed on various sites. Simply put, if you think of HTML as the skeletons of a human body, CSS can be considered the flesh and skin, which ultimately make up a human appearance. It can be used to control the layout of multiple web pages at the same time, if CSS did not exist, you wouldn't even be able to imagine how ugly the web world would be, and users would be tired of navigating it and unwilling to spend long hours in it to get the answers they need.

What is JavaScript?

It is one of the programming languages ​​used to plan the behavior of web pages, and it is used along with other languages for  the basic structure of web pages. It is necessary to use JS to turn the page into a page with which the user can interact. This language can be used for different purposes, each of which is very important, and we need to focus more on learning them in programming. By mastering this language, it is possible to implement very complex features on the web. There are JavaScript engines in various browsers, which are embedded by JavaScript scripts and can convert the script into a language that different devices can understand.

What is jQuery?

It has a lot of fans. It is  a JavaScript  library that allows you to easily navigate files and access predefined features. It is possible to perform many complex tasks with just a few simple solutions with its help. With just one line of code, you can achieve the goals that usually need to be performed by writing multiple lines of code without  using jQuery. It also simplifies many complicated things from JavaScript, like AJAX calls and DOM manipulation. In general, there are various features in this library, among which we can mention HTML / DOM manipulation, CSS manipulation, HTML event methods, effects and animations, AJAX, and Utilities.

Adding jQuery to your web pages:

To use it, you can take action in different ways. In the following section, you can review an example of the available methods.

- Downloading jQuery:

There are two versions available for you to download, the Production version and the Development version. The production version is actually for your live website, which is small and compressed, but the Development version, as its name implies, contains readable code. It is not compressed like the previous version, which can be used for  website development.

jQuery.com has made it possible for you to download and use both versions of it easily to  design some kinds of websites  that make different users satisfied so that they will  gain a better user experience by using your website. While downloading, one thing to keep in mind is to place the downloaded file in the same directory as the pages where you wish to use it.

The jQuery library is a single JS file which you reference it with the HTML

Before we get into that, we need to give a brief overview of  CDN, so that you can understand more about it.

What is a Content Delivery Network (CDN)?

There are a set of interconnected servers and networks that generally deliver pages and other web content to the user according to the user's geographical location. These servers reduce users' access time to servers in different parts of the world and cause information circulates inside the server.

There are large networks around the world to  reduce site traffic. All of these networks connect the user to the nearest server in any geographical location and act as a bridge if you want to have users from all over the world and be able to exchange information between your server and users with a high speed as well as keeping all users by providing the best services on your site, you should use the Content Delivery Network.

This system has gained a good position, and now many reputable websites and brands prefer to use it. By now, you are familiar with CDN. It's time to explain the main point.

There is a possibility that you can include it from a CDN, and if you do, you no longer need to download and host jQuery yourself. Now consider the example below for Google CDN.

The result of the above example will be as follows.

This is a heading

This is a paragraph.

This is another paragraph.

Click me

If you click on the button, you can get the following result.

This is a heading

Click me

Last word:

In general,  JavaScript is one of the programming languages  that has many fans among different users, and many programmers prefer to use it. One of its advantages is the existence of jQuery, which can do different things in JS for you, simply put, in this article, we have given a brief explanation of the general description of it, and we have tried to show you how you can add it to  your web pages  and get help from it, another point that needs to be mentioned is that many users have already downloaded it from  Google while visiting another site. As a result, when they visit your site, it is loaded from the cache, which leads to a faster loading time; also, most CDNs ensure that when a user requests a file, they are served by the nearest server, which also leads to faster loading time.