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 (# 147 - * # 148-): Seleciona todos os elementos no documento.

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

  • seletor de classe (# 147-.class # 148-): Seleciona uma classe específica, conforme especificado pelo atributo de classe para um elemento. Este seletor aparece sempre entre aspas e é precedido por um período.

  • selector elemento (# 147-elemento # 148-): Acessa todos os elementos com um nome de marca específica, como p para o

    tag. Este seletor sempre aparece dentro de aspas.

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

  • selector múltiplo (# 147-selector1, selector2, selectorN# 148-): 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 a 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 no Capítulo 06 pasta do jQuery 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 utilizar o método de texto () para obter o valor actual de um objecto de qualquer tipo, (assumindo que o objecto contém realmente texto).

image0.jpg

menu