Элемент в Объектной Модели Документа (DOM) обладает атрибутами, текстом и дочерними объектами. Он предоставляет методы для анализа «родителей» и «детей» а также для получения доступа к их атрибутам. Из-за множества недостатков спецификации и реализации DOM API эти методы достаточно сложно использовать. jQuery является оберткой поверх этих элементов, помогая взаимодействовать с DOM.
Тем не менее, достаточно часто придется работать напрямую с элементами DOM или с методами, которые принимают элементы DOM в качестве аргументов. Всякий раз, например, когда Вы используете метод each, контекст вызываемой функции является элементом DOM. Это также относится к обработчикам событий.
Некоторые свойства элементов DOM полностью совпадают в разных браузерах. Рассмотрим пример простой on-blur проверки:
$(":text").blur(function() {
if(!this.value) {
alert("Please enter some text!");
}
});
Вместо this.value можно написать $(this).val() для доступа к значению поля input посредством jQuery, но в этом случае Вы не получите ничего.

