OOUI/Elements

The most basic component of the OOUI library is called an element ( ), which is an object that represents a rendering in the DOM—a button or an icon, for example, or anything that is visible to a user.

Unlike widgets, plain elements usually do not have events connected to them and can't be interacted with.

Every OOUI element has an   property, which is a jQuery selection of its rendered contents.

Note that OOUI uses the   prefix for the names of all variables and properties that refer to jQuery selections of DOM elements.

The   property is extremely useful, and is used, for example, when creating OOUI widgets and appending them to the DOM.

Example
The resulting HTML will look like this: