Bugl — code interview practice that feels like a game

Loading lesson path

Flash cards

Review the key moves

1/4

Core idea

What is the main idea behind JavaScript / jQuery HTML DOM?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Fill blank

Complete the missing token from the example code.

$("#___").remove();

3Order

Put the learning moves in the order that makes the concept easiest to apply.

Get Parent Element

Removing 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.

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

Removing HTML Elements

Remove an HTML element

$("#id02").remove();

JavaScript

document.getElementById("id02").remove();

Get Parent Element

Return the parent of an HTML element:

myParent = $("#02").parent().prop("nodeName"); ;

JavaScript

myParent = document.getElementById("02").parentNode.nodeName;