¿Cómo usar la etiqueta flotante para una clase?

Estoy construyendo un sitio web usando bootstrap y animate.css. Quiero agregar animación cuando el usuario pasa el mouse sobre un enlace, el enlace debe oscilar y para esto, usé las clases animate.css, pero ahora no sé cómo colocar la etiqueta, por favor. ayudar

este es mi código de enlace de la barra de navegación

 <li class="nav-item"><a class="nav-link active animate__animated animate__swing" href="\" style="font-size: 12px;">Home</a></li>
 <li class="nav-item"><a class="nav-link active animate__animated animate__swing" href="\" style="font-size: 12px;">Products</a></li>
 <li class="nav-item"><a class="nav-link active animate__animated animate__swing" href="\" style="font-size: 12px;">contact us</a></li>

si ejecuto este código, los tres enlaces harán una animación de swing cuando abra la página, pero quiero una animación de swing cuando pase el mouse sobre un enlace

la animación está tomada de www.animate.css

ACTUALIZAR

Implementé lo que quería, pero ahora estoy escribiendo 2 funciones de javascript para cada enlace y eso es muy poco profesional, así que sugiérame alguna buena lógica para implementar lo mismo.

mi lógica

Texto

function mouseover()
 {
 const el = document.getElementById("1");
 el.className = "nav-link active animate__animated animate__swing";
 }
 function mouseout()
 {
 const el = document.getElementById("1");
 el.className = "nav-link active";
 }

código HTML

 <li class="nav-item"><a class="nav-link active" id="1" onmouseover="mouseover();" onmouseout="mouseout();" href="\" style="font-size: 12px;">Home</a></li>
 <li class="nav-item"><a class="nav-link active" id="2" href="\" style="font-size: 12px;">Products</a></li>
 <li class="nav-item"><a class="nav-link active" id="3" href="\" style="font-size: 12px;">contact us</a></li>

Solución del problema

Si está utilizando JS, debe usar mouseovery mouseoutpara la acción de alternar.

$("a").on("mouseover",function()
{  
 $("a").classList.add("animate__swing");
});
$("a").on("mouseout",function()
{  
 $("a").classList.remove("animate__swing");
});