JavaScript – Working with the Document Object Model and jQuery Plugins

Course Level 1: Introductory

Estimated Study Time: 2-3 hours

This course will introduce you to the concept of the Document Object Model and how you can add greater functionality to your web pages using jQuery plugins. When a web page is loaded, the browser creates a Document Object Model (DOM) of the page. The HTML DOM model is constructed as a tree of objects and JavaScript can interact with elements in the DOM to add much greater functionality and interactivity to web pages. For example, you will learn how JavaScript can change all the HTML elements in the page, change all the HTML attributes in the page, change all the CSS styles in the page, remove existing HTML elements and attributes, add new HTML elements and attributes, react to all existing HTML events in the page and create new HTML events in the page.

You will also learn about jQuery which is the most popular JavaScript library in use today. You will learn how jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. You will learn about jQuery plug-ins which are available on the Web and cover a range of functions such as drag and drop, dynamic lists, events and many others. You will learn how to link your web pages to a jQuery plugin to add even more functionality to your web pages.

You must be a registered member of our website to access this course.