JQuery is a library coded in the Javascript programming language. Operations that can be done with the Javascript programming language can be coded with JQuery in a much shorter time and with less code. The official website of the jQuery library is www.jquery.com The ‘tag selection’ operations using the Javascript DOM (Document Object Model) can be done much easier with JQuery. For example, an animation can be made by writing much simpler code. There are many methods that can be used in the jQuery library, and by using these methods, it is possible to perform operations such as animations, selecting elements, selecting by ID, selecting by class, by writing much fewer lines of code.
This library is among the most popular Javascript libraries because there are so many things that can be done with the jQuery library. Looking at the source codes of many websites, it will be seen that the JQuery library is used. The following examples are from the official website of the JQuery library:
We can easily replace the text part of a button with a class called ‘continue’ with the following code.
$( “button.continue” ).html( “Next Step…” )
Much more lines of code are required to write the same operation using the DOM. Similarly, the following lines of code can be used to make an hidden section with banner-message ID visible by clicking the button.
var hiddenBox = $( “#banner-message” );
$( “#button-container button” ).on( “click”, function( event ) {
hiddenBox.show();
});
photo created by rawpixel.com – www.freepik.com
There are explanations of all the methods used in the API documentation section of the jQuery library’s website. In addition to these methods, there are many controls prepared. The https://jqueryui.com/ website is an example. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you’re building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is a perfect choice.
Similar to Bootstrap, interactions, widgets, effects, and tools are available on the website in a ready coded form. Here, the user only has to start using the necessary CDNs by adding them to the HTML page. For a more detailed review and hands-on examples, you can visit the JQueryUI website. Another site that can be used as a resource in this way is Owl Carousel 2. It’s a JQuery plugin and there is a lot of free sample code available as well.
Sources:
JQuery.com
jqueryui.com
owlcarousel2.github.io/OwlCarousel2