Link en un DIV con Jquery

Posted on Apr 21, 2011 · 193 words · 1 minute read

Hola lectores :), en esta ocasión me da mucho gusto escribir, ya que aunque en este momento estoy muy cansado (vengo llegando del trabajo) logramos terminar todo lo que teníamos que hacer junto con el equipo de desarrolladores :).

Ahora si de lo que trata este post es lo siguiente, un pequeño truco con jquery pero que es muy útil es encontrar elementos dentro de otros elementos que hayamos elegido con nuestro selector, queremos hacer que un div sea clickeable, ¿para que nos puede servir esto?, podemos diseñar bonitos botones y agregarle todo el CSS y el diseño que queramos y no estar solamente limitados a que sea un link comun y corriente.

El código Javascript para hacer eso es el siguiente:

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

Aqui estamos indicando que cuando se haga click en nuestro div con clase mybox


  

$("#myBox").click(function(){ window.location=$(this).find(“a”).attr(“href”); return false; });

<p>
<strong>#</strong> = identificadores, <strong>.</strong> = clases.
  </p>
<p>
    Y por ultimo el <strong>html</strong> seria algo como esto:
  </p>
```Transact-SQL




  Texto del boton
      [link](http://google.com)
  


.mybox a { display:none; }

<p>
    Con lo anterior el <strong>link</strong> quedaría invisible y solo se visualizaría el texto.
  </p>
<p>
    salu2
  </p>