PAF week 9

Definition and Usage. The ready event occurs when the DOM(document object model) has been loaded. Because this event occurs after the document is ready, It is a good place to have all other J Query events and functions. Like in the example below, The ready() method specifies what happens when a ready event occurs.

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

J Query provides API to traverse through the DOM These DOM navigating APIs are faster than advanced CSS selectors Can navigate through the DOM, element by element Can use DOM element objects.

Through an extraordinary amount of hard work, J Query effectively provides cross-browser compatibility for DOM traversal and manipulation, Event handling and delegation, XHR/Ajax logic, Element selection and document queries, Element attribute, and data management, as well as simple object management utilities. It does so without modifying the browser's native JavaScript implementation by providing a comprehensive abstraction layer.

Advanced Features     (this) object : it refers to the current object within the scope and inside event handlers, (this) will refer to the element, the event has triggered on Data attributes : All data attributes begin with 'data-'

J Query selectors allow you to select and manipulate HTML elements. All selectors in J Query start with the dollar sign and parentheses: $(). The element selector The J Query element selector selects elements based on the element name. - $("p") The #id selector #id selector uses the id attribute of an HTML tag to find the specific element. - $("test") The .class selector .class selector finds elements with a specific class. - $(".test") More Examples of J Query Selectors