Functions Flashcards
(42 cards)
.get()
Получить из объекта jQuery, содержащего набор элементов, данные элементы в виде массива DOM-элементов. Например $(“div”).get();
.get(index)
Есть jQuery-набор элементов..get(0); вернет 1-й элемент набора как объект DOM, и т.д.
.data(key);
Получение значения, 1-го элемента из набора, по ключу key. Значение ранее должно быть установлено с помощью .data(key, value);Пример: $(“div”).data(“length”); //значение ключа length 1-го элемента из коллекции div.
.data(key, value)
Установка для любого элемента пары ключ/значение которые потом можно получить обратно с помощью .data(key).Пример: $(“div”).data(“lenght”, 5);
.removeData();
Удаление всех пар ключ/значение установленных ранее через .data(key, value).Например: $(“div”).removeData();
.removeData(key);
Удаление пар ключ/значение установленных ранее через .data(key, value) у которых key равен указанному.Например: $(“div”).removeData(key);
.toArray();
Возвращает все DOM-элементы, хранящиеся в объекте jQuery в виде массива.Например: $(“div”).toArray();Аналог .get()
.index()
Возвращает номер позиции первого выбранного элемента относительно соседних элементов на странице (под соседними понимаются элементы имеющие общего родителя).
- foo
- bar
- baz$(“#bar”).index(); //1
.index(selector)
Возвращяет номер позиции первого выбранного элемента, среди элементов, удовлетворяющих селектору selector. Если такого элемента не найдется, то метод вернет -1
- foo
- bar
- baz$(“#bar”).index(“li”); //1
.data({key1: value1, key2: value2, …});
Устанавливает для любого элемента несколько пап ключ/значение.Например: $(“#content”).data({“b”:3, “c”:4});
.data();
Возвращает объект со всеми переменными, прикрепленными к первому элементу набора. Возвращаемый объект имеет формат {key1: value1, key2: value2, …}Например: $(“div”).data();
.index(element);
Возвращает позицию элемента в наборе. В качестве element может быть DOM-элемент или объект jQuery (если он будет содержать несколько элементов, то метод будет выполнен для первого из них).Пример: /по элементу DOM/ $(‘li’).index(document.getElementById(‘bar’)); /по объекту jQuery/ var listItem = $(‘#bar’); alert(‘Index: ‘ + $(‘li’).index(listItem));
.size();
Возвращает количество элементов в наборе.Например: $(‘div’).size();
.find(selector | jQueryObject | elementDOM );
Поиск элементов внутри уже отобранных элементов. Пример: $(‘div’).find(‘.big’);
.nextUntil(selector); Что вернет пример: $(“div”).nextUntil(“.lBlock”)
элементы, которые находятся после каждого div-элемента на странице, но не дальше первого элемента с классом lBlock.
.offsetParent();
Возвращает ближайшего предка (т.е. из числа: родитель, прародитель, и так далее, до начало дерева DOM), у которого задан тип позиционирования (position равен relative или absolute или fixed).
.parentsUntil([selector]);Что вернет пример: $(“#block”).parentsUntil(“.lBlock”)
Вернет всех предков элемента, имеющего идентификатор block, вплоть до элемента с классом lBlock.
.siblings([selector]);Что вернет пример: $(“.lBlock”).siblings(“.cont”)
Найдет элементы класса cont, которые имеют общих родителей, с элементами класса lBlock
Что вернут примеры: 1) $(“div”).eq(0) 2) $(“div”).eq(-1) 3) $(“div.lBlock”).eq(5)
1) вернет первый div-элемент на странице.2) вернет последний div-элемент на странице.3) вернет шестой по счету div-элемент с классом lBlock.
.filter(selector)
Фильтрует набор элементов, оставляя только те, которые удовлетворяют селектору selector.Пример:$(“div”).filter(“.lBlock”) //вернет div-элементы с классом lBlock.
.filter(function(index))
Фильтрует набор элементов c помощью заданной функции. Эта функция вызывается отдельно, для каждого из выбранных элементов. Если она возвращает true, то текущий элемент будет включен в конечный результат. Сами элементы доступны в функции, в переменной this, а их порядковые номера в наборе — в переменной index.Пример: $(“div”).filter(filterDivs) //вернет div-элементы, “одобренные” функцией filterDivs.
.has(selector)
Фильтрует набор выбранных элементов, оставляя только те, которые имеют потомков, соответствующих заданному селектору.
.is(selector | jQuery | elem | function(index));
Проверяет, соответствует ли хотя бы один из выбранных элементов определенному условию (оно зависит от заданного параметра: если задан селектор, то условием будет соответствие селектору; если задан объект jQuery, то условие — наличие в нем выбранных элементов; при передаче в .is() элемента DOM, будет проверяться его наличие среди выбранных элементов; и наконец если указать в качестве параметра функцию, то проверка условия будет возложена на нее). Возвращает значение типа boolean (true или false).
Что вернут примеры:1) $(“div”).slice(3)2) $(“div”).slice(3, 5)3) $(“div”).slice(-4, -2)4) $(“div”).slice(-2)
1) вернет все div-элементы, начиная с четвертого (с индексами 3, 4, …).2) вернет div-элементы с индексами 3 и 4.3) вернет div-элементы, идущие четвертым и третьим с конца.4) вернет предпоследний и последний div-элементы на странице.
