CLIENT-SIDE DEVELOPMENT 1 – JQUERY

 As my previous articles, this also separate to some parts related to the topic.

1.Introduction to the jQuery

2.jQuery selectors

3.DOM, DOM navigation, and DOM objects

4.Event handling

5.Advanced features   

First let’s see what is J-Query?

            JQuery is a framework/library, which can hide the complexity of the pure JS

•Cross-browser compatible

•Backward compatible

It offers many advanced features.

             •Reveal GUI elements

                        -It means that j-query helps to reveal the interfaces that you have developed.

             •Change content (based on users’ actions)

             •Change CSS

                        -Can add some styles.

             •Delta-Communication (Ajax)

                        This create the ability to call to the server at any time in the project.

There are lot of advantages and disadvantages in J-Query.

Advantages

• Easily can add plugins.
• jQuery allows the library to always have constant and fast support.
• community is active and extremely hardworking.
• Competitors such as Flash and pure CSS is its excellent integration with AJAX.

Disadvantages

• Huge number of published versions in the short time.
• If jQuery is incorrectly implemented as a Framework, the development environment can get out of control.
• Version problems.

              Then we discuss what are the selectors and their use in jQuery.

 jQuery can use CSS selectors. Additionally, provides advanced selectors to access elements faster and efficiently. Some of the selectors are,

• Descendent selector
• Child selector
• Pseudo classes

jQuery selectors allow us to select and manipulate HTML elements. These selectors are used to find html elements based on their id, name, classes, types attributes etc.

jQuery provides API to traverse through the DOM. These DOM navigating APIs are faster than advanced CSS like selectors.

CSS advanced selectors used to find html elements based on elements attributes. But jquery DOM’s traversal API make things like HTML document traversal and manipulation.

     Next will see what is DOM objects, there importance, processing in jQuery.

The DOM(Documentation Object Model) is an interface that represents how XML and HTML documents are read by the browser. It arranges the documents according to a logical structure and it’s like a tree, the functions associated with objects determine how the objects may be manipulated. There are two parts of DOM objects, DOM Core and DOM html. DOM core shows the functionality used for XML document and basis for html.

        What is jQuery event handling?

Handling events –  jQuery provides a method on()  to respond to any event on the selected elements. This is called an event binding. Using this function we can attach multiple events to the same function.

Next we discuss what are the advanced features provide by jQuery,

• DOM manipulation – this helps to select DOM elements, negotiate them and to modify their content.
• Event handling – this offers to capture the variety of elements.
• Animations – jQuery comes up with lots of built-in animations which are help to use in your websites.

There are two ways of using jQuery,

• Local installation – download jQuery library into machine and include it in html code
• CDN based version – include jQuery library into html code directly using CD

So I think you got some idea of the topic CLIENT-SIDE DEVELOPMENT-JQUERY. Will meet in the next article.

REFERENCES

https://www.lorecentral.org/2017/11/advantages-disadvantages-jquery.html