Introduction to DOM manipulation

One of the most important aspects of JavaScript and thereby jQuery, is manipulation of the DOM. DOM stands for Document Object Model and is a mechanism for representing and interacting with your HTML, XHTML or XML documents. It allows you to navigate and manipulate your documents through a programming language, which in the browser will almost always be JavaScript. DOM navigation and manipulation using standard JavaScript can be pretty cumbersome, but fortunately for us, jQuery comes with a bunch of DOM related methods, making it all much easier.

Tämän oppimateriaalin ensimmäisessä "Hello, world!" esimerkissä tarkastelimme HTML-elementin valitsemista ja muokkaamista ensin jQueryllä ja sitten ilman jQueryä pelkällä JavaScriptillä. Tämä pieni esimerkki oli vain jäävuoren huippu - tulevissa luvuissa tulemme näkemään miten helppoa on käsitellä HTML-dokumentin sisältöä jQueryn avulla. Jatka lukemista!