jquery selectors code example

Example 1: Selectores de jQuery

// ======= selectores COMUNES ===========
/* seleccionar las etiquetas "p" */
$("p")
 
/* seleccionar los elementos con id="inicio" */
$("#inicio")
 
/* seleccionar los elementos con clase="principal" */
$(".principal")
 
/* seleccionar los elementos con id="inicio" con clase="principal" y que son etiqueta "p" */
$("p#inicio.principal")
 
/* seleccionar las etiquetas "a" con clase="principal" dentro de una etiqueta "p" */
$("p a.principal")
 
/* seleccionar los elementos con id="inicio" o clase ="principal" */
$("#inicio,.principal")
 
/* seleccionar todos los elementos */
$("*")
 
/* seleccionar todas las etiquetas "p", "a" y "div" */
$("p,a,div")

Example 2: jquery selector this and class

$(".class").click(function(){
     $(this).find(".subclass").css("visibility","visible");
});

Example 3: jquery class selector

$('.class').jquery_function();

Example 4: jquery or selector

$( "div, span, p.myClass" ).css( "border", "3px solid red" );

Example 5: Selectores de jQuery

// ======= selectores basicos ===========
/* Seleccionar etiquetas del DOM */
$("elemento")
/* Seleccionar id del DOM */
$("#idelemento")
/* Seleccionar clase del DOM */
$(".claseelemento")

Example 6: name class and id referance in ajax

$('td[name ="tcol1"]')   // matches exactly 'tcol1'
$('td[name^="tcol"]' )   // matches those that begin with 'tcol'
$('td[name$="tcol"]' )   // matches those that end with 'tcol'
$('td[name*="tcol"]' )   // matches those that contain 'tcol'