selectores básicos en JQuery

Quiero hacer mi primera entrada hablando sobre uno de los puntos más básicos de JQuery pero a su vez , uno de los más potentes ya que gracias al manejo de los selectors puedes acceder a cualquier tipo de entidad de una página.

Podríamos diferenciar los selectors entre básicos y avanzados , ya que se pueden hacer unas especies de expresiones que sean el resultante de lo que estas buscando, pero este punto lo dejaremos para una próxima entrada, sin mas dilación entremos de lleno en el tema.

Selectors básicos:

Id del elemento: para acceder a un elemento del documento mediante su identificador , únicamente nos es necesario utilizar el símbolo “#”  , por lo tanto sería algo así:

  • $(“#MyLabel”).val();

Tag del elemento: para acceder a un elemento por su tag, directamente debemos indicar el elemento al que accedemos sin símbolos.

  • $(“a”).css(“fontFamily”,”Arial”);

Css del elemento: para acceder a un elemento por su css simplemente utilizamos el símbolo “.”

  • $(“.resultado”).css(“color”,”red”);

Acceder a todos los elementos: también podemos acceder a la totalidad de elementos del documento, para ello utilizaremos “*”

  • $(“*”).css(“color”,”black”);

En la próxima entrada explicare un poco los selectores avanzados , que seria básicamente la combinación o customización de los expresados en esta .

 

Ciao!

 

Anuncios