Cargar contenido en un DIV con función js

[fhederico]

Hola,

Asumiendo que deseas que sean todos los link de tu pagina, ponemos algo asi

Código:

<script type="text/javascript">
   
    $(document).ready(function()
    {
        $("a").on("click", function(event)
        {
            //Cancela el evento del href, por defecto al pinchar en un link
            // te envia a este, con esto evitamos que ejecute el link
            event.preventDefault();            

           //Cargamos el contenido del enlace
            $('#contenido').load(this.href);
        });
    });

</script>

Y los link

Código:

<div id="contenido"></div>
            
<a href="count.php">Cargar</a>
<a href="count1.php">Cargar1</a>

Ahora si quieres que sea para un determinado sector de tu web puedes envolverlo en un div y ejecutar solo eso

Código:

<div id="divHref">
            
      <a href="count.php">Cargar</a>
     <a href="count1.php">Cargar1</a>
</div>

Y solo cambiaria esto en nuestra funcion JS, le decimos que dentro del div con id "divHref", cargue los link

Código:

       $("#divHref a").on("click", function(event)

Saludos