Получение и изменение размеров и координат элемента
.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; просмотров: 346;