Duda con jQuery

Bellenger · #1 (**permalink**) 10/02/2008, 09:28

Hola, me toco nuevamente, estoy ingresando al gran mundo de jquery, ya que hasta el momento mis aplicaciones ajax, eran full code... jeje, pero tengo una duda para utilizar jQuey, que es la siguiente...
Cuando se usa jQuery, siempre se debe utilizar con funciones....

Que he buscado en la web y todos los ejemplos siempre ponen funciones directamente [ready...], y pues como en un inicio no quiero eso, solo modificar algunos atributos de un objeto html, aqui el codigo:

Código:

  <body>
    <div id="capa">
    </div>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript">
   var cnt=$("#capa");
   cnt.css("background-color","#ffff00");
  </script>    
  </body>

Se supone que esta bien, segui lo que dice el manual, claro exceptuando la creacion de las funciones... Esta algo mal... Alguien tendra un buen manualsito de jQuey, por que los que he leido me han enrredado jaja. Saludos y gracias por sus respuestas...

ZiTAL · #2 (**permalink**) 11/02/2008, 02:03

esto en el head de la pagina:

Código:

<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function (){ 
$("#capa").css("background-color","#ffff00");
});
</script>

#3 (**permalink**) 11/02/2008, 02:11

Para mi la mejor ayuda con jQuery es esta página [ http://www.visualjquery.com/1.1.2.html ].

Lo que no sé es qué problema tienes con las funciones. El código que pones está bien, pero... ¿cuándo se ejecuta? Si quieres poder llamarlo en algún momento, tendrás que meterlo en una función, ¿no?

El $(document).ready() es sólo para cuando quieres que se ejecute algo en cuanto acabe de cargarse la página. En ese caso podrías hacer:

Código:

function miFuncionDeInicializacion() {
   $("#capa").css("background-color","#ffff00");
}
$(document).ready(miFuncionDeInicializacion);

Lo único que ocurre es que, normalmente, lo verás escrito así:

Código:

$(document).ready(function() {
   $("#capa").css("background-color","#ffff00");
});

porque es más limpio (y tiene algunas ventajas). Pero el funcionamiento es el mismo.

Pero como decía el ready es para cosas que quieres ejecutar en cuanto la página esté cargada. Si tú ese código lo quieres ejecutar en otro momento, pon:

Código:

function miFuncion() {
   var cnt=$("#capa");
   cnt.css("background-color","#ffff00");
}

Y luego, cuando lo necesites, lláma a miFuncion()

Bellenger · #4 (**permalink**) 12/02/2008, 08:20

Hay carambas, pense que se ejecutaba el codigo directamente como cuando se hace de la manera tradiciona osea:

Código:

  document.getElementById('capa').style.backgroundColor='#ffff00';

ya que si coloco esto despues de haber colocado el objeto HTML capa pues se aplica el estilo, pero por lo visto siempre debo utilizar esa funcopn ready...
Y caramba gracias por la pagina, se ve de apelos, lo estudiare un ratito...