Como selecionar elementos com jquery em css3

Você pode usar jQuery para executar uma grande variedade de seleções de objetos em sua aplicação CSS3, mas para a maior parte, você usar os seletores básicas. Você pode ler mais sobre eles em jQuery. Aqui está uma lista de seletores básicos que você normalmente usa:

  • todos selector ( “*”): Seleciona todos os elementos no documento.

  • seletor de objetos (Objeto): Seleciona os tipos de objetos específicos. O objeto mais usado é documento.

    Video: Curso de jQuery en español, Cómo Seleccionar Elementos del DOM

  • seletor de classe ( “Class”): Selecciona uma classe específica, tal como especificado pelo atributo classe para um elemento. Este seletor sempre aparece dentro de aspas e é precedido por um período.

  • seletor de elemento ( “Elemento”): Acede todos os elementos com um nome de marca particular, tal como p para o

    tag. Este seletor sempre aparece dentro de aspas.

    Video: Curso de jQuery en español, Cómo Seleccionar Múltiples Elementos

  • seletor de ID ( “#id”): Escolhe um elemento específico com o valor do atributo id especificado. Este seletor sempre aparece dentro de aspas e é precedido por um sinal de libra (#).



  • selector múltiplo ( “Selector1, selector2, seletorN“): Seleciona cada um dos elementos especificados na lista delimitada por vírgulas.

Um dos seletores mais comumente usados ​​é o seletor de elemento. Depois de selecionar um elemento, você pode mudá-lo em um número de maneiras. Por exemplo, você pode optar por alterar o texto associado a esse elemento de alguma forma (mais tarde exemplos mostrarão todos os tipos de outras maneiras de manipular saída).

O exemplo a seguir mostra como selecionar elementos e modificar o texto associado. (Você pode encontrar o código completo para este exemplo na pasta Capítulo 06jQuery do código para download como SelectingElements.html.)

selecionando elementos

O exemplo começa com simples

e

tags que não contêm qualquer texto. Se você exibida esta página sem o script, você veria uma página em branco. No entanto, com o script no lugar, a página agora contém informações. Também é possível usar o método text () para obter o valor atual de um objeto de qualquer tipo (supondo que o objeto realmente contém texto).


Publicações relacionadas