Jquery Tips (Metodos)
Después de aprender a seleccionar con jquery los elementos del documento html por medio de los selectores anteriormente comentados, esa importante saber que hacer con estos, por lo cual vamos a ver como aplicar métodos a un elemento seleccionado.
Ejemplos de aplicación de métodos con jquery
// Aplica propiedad CSS al elemento seleccionado
$(". className"). css(" border", "1px solid red");
// Aplica CSS de un elemento usando un objeto
$(". className"). css({" border": "1px solid red"});
// Aplica dos CSS a los objetos seleccionados
// (notese que este ejemplo usa una notación de objeto para el caso de las propiedades que
// se desean establecer por medio del método CSS de jquery, por esta razon se
// puede usar para aplicar mas de una propiedad)
$(". className"). css({ "color": "red", "font-weight": "bold" });
// Esconde la segunda fila de la tabla
$(" table tr:nth-child( 2)"). hide();
// Convierte la lista < ul id = "list" > en una lista ordenable
$(" ul# list"). sortable();
// Selecciona todos los elementos y los filtra usando el metodo "is"
$("*"). is(" p");
// El metodo "is" es usado con la variable "this" dentro de los callback para poder indetificar su tipo
$(this). is("div");
// Selecciona un elemento y con el metodo "parent" selecciona el elemento padre
$("p#short"). parent();
// Selecciona todos los inputs si estos tienen como padre el elemento "form"
$(" input"). parent(). is(" form");
// Selecciona y aplica el estilo CSS, limpia la cola, hace una nueva seleccion y aplica nuevo CSS, en otras palabras los elementos
quedan con fuente de color azul y los elementos quedan con fuente de color rojo
$(" p"). css(" color", "blue"). end(). add(" b"). css(" color", "red");
// si se hace sin el metodo "end" entre los elementos ambos quedan con fuente de color rojo.
$(" p"). css(" color", "blue"). add(" b"). css(" color", "red");
:
:
