Seletores da jQuery

A jQuery faz uso dos seletores CSS para acessar os elementos da página, permitindo manipulá-los tanto individualmente quanto em grupo.



Seletor $(#id): O seletor de id acessa os elementos cujo valor do atributo id for especificado no parâmetro. A sintaxe de id segue a mesma regra do CSS, onde o id do elemento é precedido por #. exemplo

 $(document).ready(function(){
   $("button").click(function(){
  $("#test").hide();
   });
 });

Seletor $(.classe): O seletor $(classe) acessa o elemento, ou os elementos que tiverem o atributo class com o valor informado no parâmetro. A sintaxe do nome da classe segue as mesmas regras do CSS onde o nome da classe é precedido de ponto. exemplo

 $(document).ready(function(){
   $("button").click(function(){
  $(".test").hide();
   });
 });

Seletor $(ELEMENTO): O seletor $(elemento) é utilizado para referenciar uma tag ou conjunto de tags de nome “elemento”. Para isso vamos seguir o mesmo exemplo anterior, mas dessa vez referenciamos os elementos da página a partir da tag. exemplo

 $(document).ready(function(){
   $("button").click(function(){
  $("p").hide();
   });
 });

Veja mais exemplos de JQuery acessando: http://webdre.com.br/aula