PyQuery: Python’s jQuery

В этом руководстве вы познакомитесь с PyQuery , библиотекой Python, которая позволяет выполнять запросы jQuery к документам XML. Синтаксически это очень похоже на jQuery , и если вы знакомы с jQuery, это должно быть легче следовать.

Начало работы с PyQuery

Чтобы начать работу с PyQuery , установите пакет Python с помощью PIP.

После установки PyQuery импортируйте его в программу Python.

Давайте начнем с базового примера того, как это работает. Рассмотрим следующий HTML:

Передайте входной XML объекту PyQuery и вы сможете применить к нему запросы в стиле jQuery.

Предположим, что divMain является объектом jQuery и распечатывает HTML-содержимое div.

Сохраните изменения и попробуйте запустить программу. Вы должны иметь следующий вывод:

Чтобы получить доступ к тексту Hello World изнутри диапазона, код должен быть:

Сохраните изменения и попробуйте запустить код. Вы должны иметь следующий вывод:

Манипулирование атрибутами с помощью PyQuery

Теперь давайте посмотрим, как читать атрибуты с PyQuery библиотеки PyQuery . Предположим, что у вас есть элемент HTML, как показано:

Используйте библиотеку PyQuery для чтения вышеуказанного содержимого HTML.

Попробуем получить доступ к атрибуту идентификатора ulMain ul.

Сохраните вышеуказанные изменения и попробуйте запустить программу Python. На терминале должен быть напечатан идентификатор ulMain .

Вы видели, как получить доступ к атрибуту идентификатора ul ulMain . Давайте попробуем установить имя класса для того же элемента ulMain . Чтобы указать атрибут имени класса, вам нужно указать имя атрибута и его соответствующее значение, как показано:

Напечатайте объект ulMain и у вас должен быть элемент с атрибутом class.

Вы также можете добавлять и удалять классы напрямую, без использования метода attr . Чтобы добавить класс к элементу, вы можете использовать метод addClass .

Чтобы удалить существующий класс из элемента, вы можете использовать метод removeClass .

Обработка CSS с использованием PyQuery

Помимо атрибутов, элемент будет иметь некоторые свойства CSS. Чтобы добавить или изменить свойства CSS, вы можете использовать метод css и указать свойства. Допустим, вы хотите указать высоту в стиле ul ulMain . Следующий код добавит требуемые свойства стиля к элементу.

Сохраните вышеуказанные изменения и попробуйте выполнить программу Python. Вы должны напечатать ul ulMain вместе с новым стилем.

Чтобы добавить несколько стилей к элементу, вы можете указать их, как показано:

Запустите программу, и вы должны добавить стили в ulMain .

Создание и добавление элементов

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

Предположим, у вас есть основной контейнер div, называемый divMain .

Давайте создадим новый элемент span, используя PyQuery .

Добавьте некоторые свойства CSS в span.

PyQuery предоставляет метод для добавления элементов к существующим элементам. Вы можете использовать метод append для добавления элемента span в div divMain . Вот код:

Сохраните изменения и запустите программу. Вы должны увидеть распечатанный divMain с добавленным к нему вновь созданным диапазоном.

Вы использовали метод append для добавления span к div. У вас есть другой альтернативный метод с именем appendTo который добавит узлы к значению. В приведенном выше случае вы можете использовать метод так:

Поиск элементов с помощью PyQuery

PyQuery предоставляет методы для поиска дочерних элементов, следующих элементов, ближайших элементов и т. Д. Он также предоставляет методы для фильтрации и поиска элементов внутри определенного узла.

Предположим, что у вас есть определенный фрагмент HTML, как показано:

Добавьте следующий HTML- PyQuery объекту PyQuery :

Давайте использовать PyQuery чтобы найти дочерних элементов div divMain . Добавьте следующую строку кода, чтобы напечатать дочерние divMain .

При запуске программы вы должны иметь следующий вывод:

Чтобы найти ближайший элемент к элементу, вы можете использовать метод closest . Чтобы найти ближайший элемент div к span, код должен быть:

Приведенная выше команда вернет следующий вывод:

Метод find также доступен для поиска элементов. Например, чтобы найти диапазон внутри divMain , вам нужно вызвать метод, как показано ниже:

Приведенная выше команда вернула бы span.

Вставить элемент внутри HTML

В то время как append выполняет добавление элементов к существующим элементам, иногда вам нужно вставить элементы после или перед определенными элементами. PyQuery предоставляет метод для вставки элементов до или после других элементов.

Давайте определим новый элемент абзаца, который будет вставлен после span внутри divMain div.

Вызовите метод insertAfter для элемента абзаца p чтобы вставить его после span.

Сохраните вышеуказанные изменения и запустите программу Python. Вы должны иметь следующий вывод:

Точно так же у вас есть метод insertBefore , который вставляет перед элементом. Измените код, как показано ниже, чтобы использовать метод insertBefore :

Сохраните изменения и запустите программу. Вы должны увидеть следующий вывод на терминале:

Завершение

В этом руководстве вы PyQuery , как начать работу с PyQuery , библиотекой Python, которая позволяет выполнять запросы jQuery к документам XML. Вы видели, как управлять атрибутами и стилями CSS элементов HTML.

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

Для получения более подробной информации об использовании этой библиотеки, я бы рекомендовал прочитать официальную документацию . Дайте нам знать ваши предложения в комментариях ниже.