bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/JavaScript/Objects, Classes, and Advanced Patterns
JavaScript•Objects, Classes, and Advanced Patterns

JavaScript / jQuery HTML Elements

jQuery vs JavaScript jQuery was created in 2006 by John Resig. It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax. For more than 10 years, jQuery has been the most popular JavaScript library in the world. However, after JavaScript

Version 5

(2009), most of the jQuery utilities can be solved with a few lines of standard JavaScript:

Set Text Content

Set the inner text of an HTML element:

jQuery myElement.text("Hello Sweden!");
myElement.textContent = "Hello Sweden!";

Get Text Content

Get the inner text of an HTML element:

jQuery myText = $("#02").text();
myText = document.getElementById("02").textContent;

Set HTML Content

Set the HTML content of an element:

jQuery myElement.html("<p>Hello World</p>");
myElement.innerHTML = "<p>Hello World</p>";

Get HTML Content

Get the HTML content of an element:

jQuery content = myElement.html();
content = myElement.innerHTML;

Previous

JavaScript / jQuery DOM Selectors

Next

JavaScript / jQuery CSS Styles