• take() supprime une classe ou un attribut des éléments sélectionnés, puis les ajoute à l’élément effectuant l’appel. C’est un moyen pratique d’effectuer une action sur tout mais l’élément donné (par exemple, tous les autres boutons d’un div mais ce un).
  • trigger() distribue un événement donné à tout ce qui correspond à la requête. Il comprend des options pour empêcher l’événement de bouillonner si nécessaire.
  • insert() ajoute du HTML à l’intérieur ou autour des éléments sélectionnés.

Ce qui est important à propos q() est que vous pouvez l’utiliser entièrement en dehors des attributs HTML, dans le cadre de vos propres fonctions ou rappels JavaScript personnalisés. Vous pouvez même commencer à ajouter des fonctionnalités HTML à une page en utilisant uniquement q() et ses comportements, main dans la main avec JavaScript, puis s’appuient sur cela pour remplacer les fonctionnalités héritées d’un site par HTML au fil du temps.

Utiliser HTML avec Alpine.js

En règle générale, les frameworks Web front-end ne doivent pas être mélangés, afin de minimiser les effets secondaires et les comportements imprévisibles. Si vous utilisez htmx pour ajouter des comportements réactifs à une page, vous obtiendrez les meilleurs résultats si htmx (et quel que soit le JavaScript que vous y intégrez) est le seulement source de comportement réactif.

Néanmoins, htmx prévoit de travailler main dans la main avec d’autres moyens d’ajouter de la réactivité. Outre le JavaScript écrit à la main, vous pouvez intégrer la bibliothèque Alpine.js.

A lire également