Cómo seleccionar elementos con jQuery en css3

Puede usar jQuery para realizar una amplia gama de selecciones de objetos en su aplicación CSS3, pero en su mayor parte, a utilizar los selectores básicos. Puedes leer más sobre ellos en jQuery. Aquí hay una lista de selectores básicos que comúnmente se utiliza:

Conteúdo

  • Todo selector (" * "): Selecciona todos los elementos del documento.

  • Selector de objetos (objeto): Permite seleccionar los tipos de objetos específicos. El objeto más comúnmente utilizado es el documento.

  • Selector de Clase (" .class "): Selecciona una clase específica según lo especificado por el atributo de clase para un elemento. Este selector siempre aparece entre comillas y es precedida por un punto.

  • Selector de elemento (" elemento "): Accede a todos los elementos con un nombre de etiqueta en particular, tales como p para el

    etiqueta. Este selector siempre aparece entre comillas.

  • Selector de ID (" # id "): Selecciona un elemento específico con el valor del atributo id especificado. Este selector siempre aparece entre comillas y es precedido por un signo de número (#).

  • Selector múltiple (" selector1, selector2, selectorN"): Permite seleccionar cada uno de los elementos especificados en la lista delimitada por comas.

Uno de los selectores más comúnmente utilizados es el selector de elementos. Después de seleccionar un elemento, puede cambiar en un número de maneras. Por ejemplo, usted puede optar por cambiar el texto asociado con ese elemento de alguna manera (más adelante ejemplos mostrarán todo tipo de otras formas de manipular la salida).

El siguiente ejemplo muestra cómo seleccionar los elementos y modificar su texto asociado. (Usted puede encontrar el código completo para este ejemplo en el Capítulo 06 carpeta jQuery del código descargable como SelectingElements.html.)

Selección de elementos

El ejemplo comienza con sencillo

y

etiquetas que no contienen ningún texto. Si aparece esta página sin el guión, verías una página en blanco. Sin embargo, con el guión en su lugar, la página contiene ahora información. También es posible utilizar el método de texto () para obtener el valor actual de un objeto de cualquier tipo (suponiendo que el objeto en realidad contiene texto).

imagen0.jpg