Удаляет данные с соответствующим именем из элемента

$("#example_data").data("geo", { region: 56, city: "Оренбург" });$("#example_insertData").click(function(){$("#example_data span:first").text($("#example_data").data("geo").region);
$("#example_data span:last").text($("#example_data").data("geo").city); });
$("#example_removeData").click(function(){
$("#example_data").removeData("geo"); $("#example_data span").empty(); });

Первая строка - сохраняем данные в элемент #example_data.

Вторая - пятая строки - По клику на #example_insertData вставляем данные в соответствующие элементы span

Шестая - девятая строки :
строка 7 - удаляем данные с именем geo из элемента #example_data
строка 8 - Очищаем содержание тегов span, чтобы мы могли визуально видеть, что данные удалены.

После того, как Вы нажали кнопку "Удалить данные", попробуйте их вставить. Вставки не произойдет, значит данные действительно удалены.

HTML:

<div id="example_data">
<p>Регион: <span></span></p>
<p>Город: <span></span></p>
</div>
<button id="example_insertData">Вставить данные</button>
<button id="example_removeData">Удалить данные</button>

data(name, value)

Сохраняет данные в элементе под определенным именем.

$(document).ready(function() {$("#example_data").data("geo", { region: 56, city: "Оренбург" });
$("#example_data span:first").text($("#example_data").data("geo").region);
$("#example_data span:last").text($("#example_data").data("geo").city);});

Первая строка - сохраняем данные в элемент #example_data. Данные сохраняем под именем geo. В этом примере geo - маcсив, в region заносим значение 56, в city - "Оренбург". Как видно значения могут иметь любой формат.
Вторая строка - В первый spanвставляем текст, который содержит данные, полученные из элемена #example_data.
Третья строка - В последний spanвставляем текст, который содержит данные, полученные из элемена #example_data.

HTML:

<div id="example_data">
<p>Регион: <span></span></p>
<p>Город: <span></span></p>
</div>

eq(position)

Позволяет обратиться к одному единственному элементу из набора , используя его индекс. Нумерация индексов начинается с нуля.
В примере оборачиваем внутреннее содержание (wrapInner) второго элемента (индекс=1) с классом .example тегом <h2>

$(".example1").eq(1).wrapInner("<h2></h2>"); 

$(elems)

"Обертывает" jQuery-функциональностью один или несколько элементов DOMа.
Рассмотрим на примере:

$(element).css("color", "red");
$(formo4ka.elements).hide();

Первая строка находит element (элемент с #element) и устанавливает для всего содержания красный цвет.
Вторая строка скрвыает элементы внутри формы. Заметьте, что элементы не относящиеся "напрямую" к форме (например теги р)скрываться не будут.

jQuery Function

$(expr, [context])

Здесь expr - строка, выражение для поиска; context(необязательный параметр) - элемент DOM, документ, либо jQuery употребляемый в контексте
В примере находим все теги p, являющиеся дочерними по отношению к div:

 $("div > p").css("color", "red"); 

Посмотрите пример в действии и его исходный код

Теперь рассмотрим пример с импользованием параметра context:

 $("input", document.forms[1]).css("border", "2px solid red"); 

Здесь находим элементы input и, с помощью контекстного выражения, говорим что искать надо во второй форме (индекс 1 соответствуем второй форме на странице), найденным элементам добавляем красную рамку.

Еще один пример с импользованием параметра context:

 $("input", form3).css("border", "2px solid blue"); 

Здесь находим элементы input и, с помощью контекстного выражения, говорим что искать надо в форме, которая имеет id=forms3, найденным элементам добавляем синюю рамку. Обратите внимание, что идентификатор forms3в контексте пишется без кавычек и знака "#".

Посмотрите пример в действии и его исходный код