Методы управления классами стилей

Библиотека jQuery позволяет не только изменять определенные атрибуты стиля, но и управлять классами. Для этого предназначены следующие методы.

• addClass {<Название   класса>) — добавляет указанный класс всем элементам коллекции. В качестве параметра можно указать несколько названий классов через пробел.

Читать далее

Методы замены элемента

Для полной замены одного элемента на другой предназначены два метода.

•    replaceWith{<Выражение>) — заменяет все элементы коллекции на <Выражение>. В качестве параметра может быть указан HTML-код, DOM-элемент или коллекция элементов jQuery. Для примера заменим элемент с идентификатором
divi на новый элемент при щелчке на нем.

Читать далее

Методы перемещения и клонирования элементов

Если в качестве параметра методов before (), prepend (), append () и after () указать коллекцию существующих элементов jQuery, то они будут перемещены. Куда будут вставлены элементы, зависит от конкретного метода: before () (перед элементом), рrepend() (в начало содержимого), append () (в конец содержимого), after () (после элемента). Для примера найдем все ссылки на странице и добавим их в конец элемента.

Читать далее

Методы для вложения элементов

Все элементы коллекции можно разместить в каком-либо другом элементе. Для вложения элементов предназначены следующие методы.

•    wrapInner (<HTML- элемент  или  ВОМ-элемент>)—вкладывает внутреннее
содержимое каждого элемента коллекции в другой элемент. Для примера выде
лим содержимое всех тегов <div>.

Читать далее

Метод добавления содержимого перед элементом или после него

В предыдущем разделе мы рассмотрели изменение внутреннего содержимого элемента. Библиотека jQuery предоставляет также методы, которые позволяют добавить какое-либо содержимое перед элементом или после него. Рассмотрим эти методы.

Читать далее

Методы изменения содержимого элементов

Наиболее часто используемой операцией является изменение содержимого элементов. Вне библиотеки jQuery для этой цели используется свойство innerHTML объекта document. Например, чтобы вставить новый фрагмент в элемент с идентификатором div1, можно воспользоваться следующим кодом.

Читать далее