Functions Flashcards

1
Q

.get()

A

Получить из объекта jQuery, содержащего набор элементов, данные элементы в виде массива DOM-элементов. Например $(“div”).get();

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

.get(index)

A

Есть jQuery-набор элементов..get(0); вернет 1-й элемент набора как объект DOM, и т.д.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

.data(key);

A

Получение значения, 1-го элемента из набора, по ключу key. Значение ранее должно быть установлено с помощью .data(key, value);Пример: $(“div”).data(“length”); //значение ключа length 1-го элемента из коллекции div.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

.data(key, value)

A

Установка для любого элемента пары ключ/значение которые потом можно получить обратно с помощью .data(key).Пример: $(“div”).data(“lenght”, 5);

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

.removeData();

A

Удаление всех пар ключ/значение установленных ранее через .data(key, value).Например: $(“div”).removeData();

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

.removeData(key);

A

Удаление пар ключ/значение установленных ранее через .data(key, value) у которых key равен указанному.Например: $(“div”).removeData(key);

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

.toArray();

A

Возвращает все DOM-элементы, хранящиеся в объекте jQuery в виде массива.Например: $(“div”).toArray();Аналог .get()

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

.index()

A

Возвращает номер позиции первого выбранного элемента относительно соседних элементов на странице (под соседними понимаются элементы имеющие общего родителя).

  • foo
  • bar
  • baz$(“#bar”).index(); //1
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

.index(selector)

A

Возвращяет номер позиции первого выбранного элемента, среди элементов, удовлетворяющих селектору selector. Если такого элемента не найдется, то метод вернет -1

  • foo
  • bar
  • baz$(“#bar”).index(“li”); //1
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

.data({key1: value1, key2: value2, …});

A

Устанавливает для любого элемента несколько пап ключ/значение.Например: $(“#content”).data({“b”:3, “c”:4});

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

.data();

A

Возвращает объект со всеми переменными, прикрепленными к первому элементу набора. Возвращаемый объект имеет формат {key1: value1, key2: value2, …}Например: $(“div”).data();

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

.index(element);

A

Возвращает позицию элемента в наборе. В качестве element может быть DOM-элемент или объект jQuery (если он будет содержать несколько элементов, то метод будет выполнен для первого из них).Пример: /по элементу DOM/ $(‘li’).index(document.getElementById(‘bar’)); /по объекту jQuery/ var listItem = $(‘#bar’); alert(‘Index: ‘ + $(‘li’).index(listItem));

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

.size();

A

Возвращает количество элементов в наборе.Например: $(‘div’).size();

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

.find(selector | jQueryObject | elementDOM );

A

Поиск элементов внутри уже отобранных элементов. Пример: $(‘div’).find(‘.big’);

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

.nextUntil(selector); Что вернет пример: $(“div”).nextUntil(“.lBlock”)

A

элементы, которые находятся после каждого div-элемента на странице, но не дальше первого элемента с классом lBlock.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

.offsetParent();

A

Возвращает ближайшего предка (т.е. из числа: родитель, прародитель, и так далее, до начало дерева DOM), у которого задан тип позиционирования (position равен relative или absolute или fixed).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

.parentsUntil([selector]);Что вернет пример: $(“#block”).parentsUntil(“.lBlock”)

A

Вернет всех предков элемента, имеющего идентификатор block, вплоть до элемента с классом lBlock.

18
Q

.siblings([selector]);Что вернет пример: $(“.lBlock”).siblings(“.cont”)

A

Найдет элементы класса cont, которые имеют общих родителей, с элементами класса lBlock

19
Q

Что вернут примеры: 1) $(“div”).eq(0) 2) $(“div”).eq(-1) 3) $(“div.lBlock”).eq(5)

A

1) вернет первый div-элемент на странице.2) вернет последний div-элемент на странице.3) вернет шестой по счету div-элемент с классом lBlock.

20
Q

.filter(selector)

A

Фильтрует набор элементов, оставляя только те, которые удовлетворяют селектору selector.Пример:$(“div”).filter(“.lBlock”) //вернет div-элементы с классом lBlock.

21
Q

.filter(function(index))

A

Фильтрует набор элементов c помощью заданной функции. Эта функция вызывается отдельно, для каждого из выбранных элементов. Если она возвращает true, то текущий элемент будет включен в конечный результат. Сами элементы доступны в функции, в переменной this, а их порядковые номера в наборе — в переменной index.Пример: $(“div”).filter(filterDivs) //вернет div-элементы, “одобренные” функцией filterDivs.

22
Q

.has(selector)

A

Фильтрует набор выбранных элементов, оставляя только те, которые имеют потомков, соответствующих заданному селектору.

23
Q

.is(selector | jQuery | elem | function(index));

A

Проверяет, соответствует ли хотя бы один из выбранных элементов определенному условию (оно зависит от заданного параметра: если задан селектор, то условием будет соответствие селектору; если задан объект jQuery, то условие — наличие в нем выбранных элементов; при передаче в .is() элемента DOM, будет проверяться его наличие среди выбранных элементов; и наконец если указать в качестве параметра функцию, то проверка условия будет возложена на нее). Возвращает значение типа boolean (true или false).

24
Q

Что вернут примеры:1) $(“div”).slice(3)2) $(“div”).slice(3, 5)3) $(“div”).slice(-4, -2)4) $(“div”).slice(-2)

A

1) вернет все div-элементы, начиная с четвертого (с индексами 3, 4, …).2) вернет div-элементы с индексами 3 и 4.3) вернет div-элементы, идущие четвертым и третьим с конца.4) вернет предпоследний и последний div-элементы на странице.

25
Q

.map();

A

Выполняет заданную функцию для каждого из выбранных элементов в отдельности. Значения, полученные в результате выполнения этой функции образуют новый набор в виде объекта jQuery, именно его и возвращает метод mapПример:var classes = $(“div”).map(function(indx, element){ return $(element).attr(“class”);}); //в результате, переменной classes будет присвоен объект jQuery, содержащий список всех классов у div-элементов. Однако, поскольку объект jQuery плохо подходит для хранения чего-либо, кроме элементов страницы, правильнее будет конвертировать его в массив:var arr = classes.get();

26
Q

.add(selector | elements | html)

A

Добавляет заданные элементы в уже существующий набор элементов.Пример: $(‘div’).add(‘.lBox’); //добавление в набор элементов с классом lBox

27
Q

.add(selector, context)

A

Добавляет заданные элементы в уже существующий набор элементов.Добавляемые элементы ищутся на странице с помощью заданного селектора selector, внутри области, заданной параметром context. Область поиска может быть задана DOM-элементом, jQuery-объектом или объектом документа.

28
Q

.andSelf()

A

Добавляет элементы из предыдущего набора, к текущему (речь идет об одной цепочке методов). Под предыдущим набором подразумевается набор элементов, который можно получить с помощью метода .end().Пример: $(“div”) // найдем все div-элементы.parent() // найдем все родительские элементы у div’ов.andSelf(); // добавим к родительским элементам, div-элементы

29
Q

.contents()

A

Возвращает все дочерние элементы выбранных элементов, а так же текстовое содержимое. В отличие от схожего метода .children(), в этом методе, в результат будут включены блоки текста, лежащие непосредственно внутри выбранных элементов. Например, для страницы, содержащей следующий html-текст Текст в начале Текст в параграфе Текст в концеэти два метода вернут различный результат:$(“.text”).children().each(function(){ alert($(this).text());});// в результате, на экране появится одно сообщение: “Текст в параграфе” $(“.text”).contents().each(function(){ alert($(this).text());});// в результате, на экране появится три сообщения: “Текст в начале”, “Текст в параграфе”, “Текст в конце”

30
Q

.end()

A

Возвращает предыдущий набор элементов в текущей цепочке методов.$(“div”) // найдем все div-элементы.parent() // найдем все родительские элементы у div’ов.end(); // вернемся обратно к набору div-элементовА вот как это может быть использовано:$(“div”) // найдем все div-элементы.css(“border”, “1px solid red”) // установим div’ам красные рамки.parent() // найдем все родительские элементы у div’ов.css(“heigth”, “10px”).fadeTo(0, 0.5) // произведем манипуляции с родительскими элементами.end() // вернемся обратно к набору div-элементов.find(“.lBox”) // найдем внутри div’ов элементы с классом lBox.css(“color”, “green”); // установим зеленый цвет шрифта элементам класса lBox

31
Q

.closest(selector, [context]) | .closest(selectors, [context]) | .closest(jQuery object) | .closest(element)

A

Для каждого из выбранных элементов, closest() будет искать ближайший подходящий элемент из числа следующих: сам выбранный элемент, его родитель, его прародитель, и так далее, до начало дерева DOM. Условие выбора элемента среди всех перечисленных, могут быть разными, в зависимости от заданных параметров (если задан селектор, то условием будет соответствие селектору; если задан объект jQuery то наличие элемента в этом объекте; если задан DOM-элемент, то совпадение с ним)Примеры использования:$(“#lBlock”).closest(“div”) //будет искать первый div-элемент среди элемента с id = lBlock и всех его предков.$(“.lBlock”).closest(“div”) //для каждого элемента с классом lBlock будет искать первый div-элемент среди самого элемента и его предков.closest производит поиск элементов вдоль DOM-иерархии каждого из выбранных элементов, что делает его похожим на parents(). Однако стоит различать эти методы:closest() Начинает поиск непосредственно с выбранного (выбранных) элемента и движется вверх по иерархии. Начинает поиск с «родителей» выбранных элементов и движется вверх по иерархии.Двигаясь вверх по иерархии останавливает поиск после первого подходящего элемента (после чего начинает осуществлять поиск для следующего выбранного элемента). Поэтому, находит не более одного элемента для каждого из выбранных.parents()Начинает поиск непосредственно с выбранного (выбранных) элемента и движется вверх по иерархии. Начинает поиск с «родителей» выбранных элементов и движется вверх по иерархииДвигаясь вверх по иерархии останавливает поиск после первого подходящего элемента (после чего начинает осуществлять поиск для следующего выбранного элемента). Поэтому, находит не более одного элемента для каждого из выбранных. Двигается вверх по иерархии до конца, собирая все подходящие элементы. Поэтому может находить много объектов для каждого из выбранных.

32
Q

.children([selector])

A

Находит дочерние элементы. Примеры использования:$(“div”).children() //вернет элементы, которые лежат непосредственно внутри div-элементов.$(“div”).children(“.bigBlock”) //вернет элементы класса bigBlock, которые лежат непосредственно внутри div-элементов.$(“#lArea”).children(“.lBlock”) //вернет элементы класса lBlock, которые лежат непосредственно внутри элемента с идентификатором lArea.

33
Q

.next([selector])

A

Осуществляет поиск элементов, лежащих непосредственно после заданных элементов (по одному для каждого из заданных). Примеры использования:$(“div”).next() //вернет элементы, которые находятся непосредственно после div-элементов на странице.$(“div”).next(“.bigBlock”) //вернет элементы класса bigBlock, которые находятся непосредственно после div-элементов.

34
Q

.nextAll([selector])

A

Осуществляет поиск всех элементов, лежащих после заданных элементов.Замечание: nextAll ищет нужные элементы, только на общих уровнях дерева DOM с выбранными элементами. То есть, только внутри непосредственных родителей выбранных элементов.Примеры использования:$(“div”).nextAll() //вернет элементы, которые находятся после div-элементов на странице.$(“div”).nextAll(“.bigBlock”) //вернет элементы класса bigBlock, которые находятся после div-элементов.$(“#lArea”).nextAll(“.lBlock”) //вернет элементы класса lBlock, которые находятся после элемента с идентификатором lArea.

35
Q

.parent([selector])

A

Осуществляет поиск родительских элементов всех заданных элементов. Примеры использования:$(“#block”).parent() //вернет родителя элемента с идентификатором block.$(“div”).parent() //вернет родительские элементы всех div-ов.$(“div”).parent(“.lBlock”) //вернет элементы класса lBlock, которые являются родительскими для div-элементов на странице.

36
Q

.parents([selector])

A

Осуществляет поиск всех предков выбранных элементов, то есть, не только прямых родителей, но и прародителей, прапрародителей и так далее, до начало дерева DOM.Примеры использования:$(“#block”).parents() //вернет всех предков элемента, имеющего идентификатор block.$(“div”).parents() //вернет всех предков для div-элементов на странице.$(“div”).parents(“.lBlock”) //вернет всех предков класса lBlock, для div-элементов на странице.

37
Q

.prev([selector])

A

Для каждого из выбранных элементов находит предшествующий ему элемент (но только если он лежит на том же уровне иерархии DOM). Примеры использования:$(“div”).prev() //вернет элементы, которые находятся непосредственно перед div-элементами на странице.$(“div”).prev(“.bigBlock”) //вернет элементы класса bigBlock, которые находятся непосредственно перед div-элементами.

38
Q

.prevAll([selector])

A

Осуществляет поиск всех элементов, лежащих перед заданными элементами.Замечание: prevAll ищет нужные элементы, только на общих уровнях дерева DOM с выбранными элементами. То есть, только внутри непосредственных родителей выбранных элементов.Примеры использования:$(“div”).prevAll() //вернет элементы, которые находятся перед div-элементами на странице.$(“div”).prevAll(“.bigBlock”) //вернет элементы класса bigBlock, которые находятся перед div-элементами.$(“#lArea”).prevAll(“.lBlock”) //вернет элементы класса lBlock, которые находятся перед элементом с идентификатором lArea.

39
Q

.prevUntil([selector])

A

Осуществляет поиск всех элементов, лежащих начиная от одних заданных элементов и заканчивая другими. Замечание: prevUntil ищет нужные элементы, только на общих уровнях дерева DOM с выбранными элементами. То есть, только внутри непосредственных родителей выбранных элементов.Примеры использования:$(“div”).prevUntil(“.lBlock”) //найдет элементы, которые находятся перед каждым div-элементом на странице, но не дальше элемента с классом lBlock.

40
Q

.first()

A

Возвращает первый элемент из всех выбранных. Эквивалентно .eq(0).Примеры использования:$(“div”).first() //вернет первый div-элемент на странице.$(“div.bigBlock”).first() //вернет первый div-элемент с классом bigBlock.

41
Q

.last()

A

Возвращает последний элемент из всех выбранных. Эквивалентно .eq(-1).Примеры использования:$(“div”).last() //вернет последний div-элемент на странице.$(“div.bigBlock”).last() //вернет последний div-элемент с классом bigBlock.

42
Q

.not(selector | DOMelem | function(index))

A

Фильтрует набор выбранных элементов, исключая из него определенные элементы..not(function(index)):Фильтрует набор элементов c помощью заданной функции. Эта функция вызывается отдельно, для каждого из выбранных элементов. Если она возвращает true, то текущий элемент будет исключен из конечного результата. Сами элементы доступны в функции, в переменной this, а их порядковые номера в наборе — в переменной index.Примеры использования:$(“div”).not(“.bigBlock”) //вернет div-элементы не имеющие класса bigBlock.$(“div.bigBlock”).not(“#area”) //вернет div-элементы класса bigBlock, без идентификатора area.