What are the advantages and disadvantages of jquery

The advantages and disadvantages of jQuery are: 1. Advantages: Separation of scripts and pages, flexible and clear code, minimal code to do more things, high performance, wide support in the industry, numerous plug-ins and the formation of an ecosystem , it is easy to get started, saves learning time, and makes JavaScript programming more interesting; 2. Disadvantages: It is not backward compatible and has poor plug-in compatibility, which affects the completed code, requires manual modification of plug-ins or conflicts between multiple plug-ins, and poor version release strategy , The core code in large frameworks also has relatively poor support for animation and special effects.

The operating system of this tutorial: Windows 10 system, jQuery3.6.0 version, Dell G3 computer.

Advantages and disadvantages of jQuery

1. Advantages of jQuery:

1. jQuery implementation script and page Separation

In HTML code, we often see code similar to this:

<form id="myform" onsubmit=return validate();" >

Even if the validate() function can be placed in an external file, in fact we Still mixing pages with logic and events. jQuery lets you separate these two parts. With the help of jQuery, the page code will look like this:

<form id="myform">

Next, a separate JS file will contain the following event submission code:

$("myform").submit(function() {  ...your code here  )}

This way we can achieve great flexibility and clarity Page code. jQuery separates JavaScript code from HTML page code, just like CSS separated style code from page code a few years ago.

2. The least code does the most things

The least code does the most things. This is the slogan of jQuery, and it lives up to its name. Using its advanced selectors, developers can achieve amazing effects by writing just a few lines of code. Developers don't need to worry too much about browser differences. In addition to fully supporting Ajax, it also has many other abstract concepts that improve developer programming efficiency. jQuery takes JavaScript to a higher level. The following is a very simple example:

$("p.neat").addClass("ohmy").show("slow");

With the above short code, developers can iterate through all the e388a4556c0f65e1904146cc1a846bee elements in the "neat" class, and then add the "ohmy" class to them while animate The effect slowly displays each paragraph. Developers do not need to check the client browser type, write loop code, or write complex animation functions. The above effects can be achieved with just one line of code.

3. Performance

Among large JavaScript frameworks, jQuery has the best understanding of performance. Although different versions have many new features, the most streamlined version is only 18KB in size, which is difficult to reduce. Every version of jQuery has significant performance improvements. This article talks about the raw speed of jQuery without any optimization. When used in conjunction with a new generation of browsers with faster JavaScript engines, such as Firefox 3 and Google Chrome, developers will have a new speed advantage when creating rich experience web applications.

4. It is a "standard"

The reason why quotation marks are used is that jQuery is not an official standard. But support for jQuery in the industry is already very broad. Google not only uses it itself, but also provides it to users. It's also used by Dell, news aggregator Digg, WordPress, Mozilla and many others. Microsoft even integrated it into Visual Studio. With so many heavyweight manufacturers supporting this framework, users can rest assured about its future and boldly invest time in it.

5. Plug-ins

There are currently about thousands of plug-ins developed based on jQuery. Developers can use plug-ins to perform tasks such as form confirmation, chart types, field prompts, animations, and progress bars. The jQuery community has grown into an ecosystem. This further proves the previous reason that it is a safe choice. Moreover, jQuery is actively working with "competitors" such as Prototype. They seem to be advancing JavaScript as a whole, not just for their own benefit.

6. Save developer learning time

Of course, if you want to truly learn jQuery, developers still need to invest some time, especially if you want to write a lot of code or do it independently This is even more true for plug-ins. However, developers can take a "break one by one" approach, and jQuery provides a large number of sample codes, making it very easy to get started. I suggest that before developers write a certain type of code themselves, they first look at whether there are similar plug-ins, and then look at the actual plug-in code to understand how it works. In short, learning jQuery does not require developers to invest too much, so they can quickly start development work and then gradually improve their skills.

7. Make JavaScript programming fun

I find that using jQuery is a fun thing. It is simple and powerful, and developers can quickly get the results they want. It solves many JavaScript problems and problems. I used to hate JavaScript programming but now absolutely love it. Through some basic improvements, developers can really think about developing the next generation of web applications and no longer worry about poor languages ​​or tools. I believe in its mantra of "least code doing the most".

2. Disadvantages of jQuery:

1. is not backward compatible. Each new version is not compatible with earlier versions. For example, some new versions no longer support certain selectors, but the new version of jQuery does not retain support for them, but simply removes them. This may affect code or plug-ins that developers have already written.

2. Plug-in compatibility. Similar to the previous point, when a new version of jQuery is launched, if developers want to upgrade, it depends on whether the plug-in author supports it. Often, existing plugins may not work properly with the latest jQuery version. The more plugins a developer uses, the higher the chance of this happening. I once had to modify a third-party plug-in myself in order to upgrade to jQuery 1.3.

3. When using multiple plug-ins on the same page, it is easy to encounter conflicts, especially when these plug-ins rely on the same event or selector. Although this is not a problem with jQuery itself, it is indeed a problem that is difficult to debug and solve.

4. jQuery stability. It didn't crash my browser, and I'm referring to its release strategy here. Just a few days after the release of jQuery version 1.3, a bugfix version 1.3.1 was released. They also removed support for certain features, which may affect the proper functioning of many codes. I hope similar modifications will not happen again.

5. In large frameworks, the jQuery core code library has relatively poor support for animations and special effects. But actually this is not a problem. There is currently a separate jQuery UI project and numerous plugins to make up for this.

The above is the detailed content of What are the advantages and disadvantages of jquery. For more information, please follow other related articles on the PHP Chinese website!