Получение и изменение размеров и координат элемента


.width() – возвращает текущее значение ширины для первого элемента в наборе или устанавливает ширину для каждого элемента набора;

.height() - возвращает текущее значение высоты для первого элемента в наборе или устанавливает высоту для каждого элемента набора;

.innerWidth() – возвращает ширину с учетом отступов (padding) или устанавливает ее для каждого элемента в наборе;

.innerHeight() - возвращает высоту с учетом отступов (padding) или устанавливает ее для каждого элемента в наборе;

.outerWidth() – возвращает ширину элемента с учетом толщины рамки и ширины отступа;

.outerHeight() - возвращает высоту элемента с учетом толщины рамки и ширины отступа;

.offset() – получает текущие координаты первого элемента или устанавливает координаты для каждого элемента. Возвращает объект JavaScript со свойствами left и top, содержащими координаты первого элемента в px относительно начала документа. Метод применяется к видимым элементам.

.position() – возвращает объект со свойствами left и top, содержащими координаты первого элемента в px относительно ближайшего родительского элемента.

Обход DOM и выборка html – элементов

Выборка элементов

.parent() – возвращает родительские элементы всех элементов первоначального обернутого набора, расположенные на один уровень выше. Параметром является селектор;

.parents() – возвращает новый набор, содержащий родительские элементы всех элементов первоначального набора. Параметр – селектор;

.children() – возвращает новый набор, содержащий уникальные дочерние элементы, находящиеся на первом уровне вложенности). Параметр – селектор;

.closest() – возвращает набор, содержащий единственный элемент ближайшего предка, соответствующий указанному селектору;

.prev() – переходит к следующему элементу с тем же родителем, находящемся слева;

.prevAll() – возвращает набор из всех элементов, предшествующих элементам первоначального набора;

.prevUntil() – возвращает набор, содержащий все соседние элементы, предшествующие элементам первоначального набора за исключением элемента, соответствующему селектору;

.next() – переходит к следующему элементу с тем же родителем, находящимся справа;

.nextAll() – возвращает набор из всех элементов, следующими за элементами первоначального набора;

.nextUntil() - возвращает набор, содержащий все соседние элементы, следующими за элементами первоначального набора за исключением элемента, соответствующему селектору;

.siblings() – обходит все элементы одного уровня с выбранным элементом. Возвращает набор из уникальных соседних элементов, которые находятся на одном уровне вложенности;

.is() – проверяет набор на наличие хотя бы одного элемента, соответствующего заданному селектору. Возвращает true или false;

.find() – возвращает новый набор из всех элементов, которые являются дочерними по отношению к элементам первоначального набора, соответствующие заданному селектору;

.size – возвращает количество элементов в наборе, параметров нет;

.get() – возвращает один элемент в соответствии с заданным индексом или массив элементов, если параметр не указан;

.toArray() – возвращает массив элементов из набора;

.index() - возвращает порядковый номер элемента в наборе, если таковой отсутствует, то -1;

.add() – возвращает набор, содержащий копию элементов первоначального набора, в который добавлены элементы, определенные параметром;

.each() – позволяет перебирать все элементы выборки страницы и производить серию действий над каждым из них:

.map() – вызывает функцию для каждого элемента в наборе и возвращает полученные значения в виде массива;

.end() – используется внутри цепочки методов jQuery, возвращает предыдущий набор, чтобы применить к нему последующие операции;

.andSelf() – объединяет два верхних метода в единый набор;

Фильтрующие методы

.first() – возвращает из набора первый элемент;

.eg(индекс) – возвращает элемент, соответствующий индексу;

.last() – возвращает последний элемент из набора;

.slice() возвращает набор элементов начиная с первого указанного индекса до конечного;

.filter() – удаляет из набора элементы, не соответствующие правилу отбора;

.not() – удаляет из набора все элементы, удовлетворяющих заданному выражению селектора;

.has() – возвращает новый набор, содержащий элементы первоначального набора, имеющие вложенные элементы заданному параметру;

JQuery анимация

Библиотека jQuery содержит несколько кросс-браузерных методов для анимации элементов, например, скольжение и плавное исчезновение, без привлечения дополнительных библиотек или плагинов. Для расширения возможностей работы с анимацией воспользуйтесь библиотекой jQuery UI (http://jqueryui.com), которая содержит набор интерфейсных взаимодействий, эффекты, виджеты и темы.



Дата добавления: 2021-01-26; просмотров: 298;


Поиск по сайту:

Воспользовавшись поиском можно найти нужную информацию на сайте.

Поделитесь с друзьями:

Считаете данную информацию полезной, тогда расскажите друзьям в соц. сетях.
Poznayka.org - Познайка.Орг - 2016-2024 год. Материал предоставляется для ознакомительных и учебных целей.
Генерация страницы за: 0.009 сек.