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  



Nenhum comentário:

Postar um comentário