Client-Side Development 1 J query

Content

Introduction to the j query
j Query selectors
DOM,DOM navigation, and DOM objects
Event handling
Advanced features

J query ? framework or library.

A framework is something that usually forces a certain way of implementing a solution, Moreover jQuery is just a tool to make implementing what is need to do easier. Furthermore jQuery defines “The Write Less, Do More”, JavaScript Library. It is just a single library.

Features provided by j query;

The jQuery library contains the following features,

HTML/DOM manipulation.
CSS manipulation.
HTML event methods.
Effects and animations.
AJAX.
Utilities.

Advantages and disadvantages of jquery.

The advantages of jQuery.

The main advantage of jQuery is that it is much easier than its competitors. plugins can be added easily, translating this into a substantial saving of time and effort.

The open source license of jQuery allows the library to always have constant and fast support, constantly publishing updates.

Excellent integration with AJAX is another advantage over Flash and pure css which are competitors of jQuery.

Disadvantages of JQuery

large number of published versions in the short time. It does not matter if you are running the latest version of jQuery, need to host the library yourself (and update it constantly), or download the library from Google (attractive, but can bring incompatibility problems with the code).

jQuery is easy to install and learn, initially. But it’s not that easy if we compare it with CSS

If jQuery is improperly implemented as a Framework, the development environment can get out of control.

J query selector

A jQuery Selector is a function which makes use of expressions to find out matching elements from a DOM based on the given criteria. Simply, selectors are used to select one or more HTML elements using jQuery. Once an element is selected then we can perform various operations on that selected element.

DOM Objects

The Document Object Model (DOM) is a programming API for HTML and XML documents which defines the logical structure of documents and the way a document is accessed and manipulated. Furthermore, XML presents this data as documents, and the DOM may be used to manage this data.

DOM Model

Using a dhcp

As of jQuery 3.0, .bind() has been deprecated. It was superseded by the.on() method for attaching event handlers to a document since jQuery 1.7, so its use was already discouraged. For earlier versions, the .bind() method is used for attaching an event handler directly to elements.

Benifits of using jQuery event handling;

It will reduce the development time.
Use it to add animation and even handling on your website.
jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

Commonly Used jQuery Event Methods

click() The click() method attaches an event handler function to an HTML element.
dblclick() The dblclick() method attaches an event handler function to an HTML element.
mouseenter()
mouseleave()
mousedown()
mouseup()
hover()
focus()

Advanced Features

Objects refers to the current object within the scope. It refers to the element the event has triggered on, inside event handlers.