soy nuevo en Jquery y estoy diseñando un Portafolio con Html y Boostrap5.
Y quiero hacer lo siguiente:
Tengo 3 divs en el DOM y todas tienen la misma clase
<body>
<div class="caja">1</div>
<div class="caja">2</div>
<div class="caja">3</div>
</body>
Mi idea es que: al pasar el cursor (hover) sobre un div cualquiera, se agregue un elemento, en este caso quiero agregar un icono, e tratado con jquery pero no se mucho de programación; pienso que se tendria que recorrer cada uno de los elementos con un 'each' y con append(); agregarle un elemento con sus respectivas clases pero no me sale nada y ya estoy estresado, alguien me puede ayudar?