O jQuery diferente do javascript que conseguimos apenas trabalhar com o código DOM pelo ID ou tagName, conseguimos acessar qualquer controle da nossa página aspx através também de classe ou hierarquia dos elementos.
No artigo sobre como trabalha com seletores em JQuery, vou mostrar abaixo como isso é possível e a simplificação de como podemos obter resultados, de maneira bem fácil e precisa.
$(document).ready(function()
{
$([seletor]).val();
});
- seletor pode ser atribustos html e também class ou ID após isso colocamos o .val(), assim nos conseguimos obter por exemplo o valor de campo input.
$(document).ready(function ()
{
$('#btnClick').click(function()
{
$('.resultado').html('');
});
});
No exemplo a cima nos acessamos nosso Button pelo o Id e nossa div através da class, o efeito que estou fazendo e simples ao clicar no button o texto vai sumir da div. Com jQuery nos conseguimos também acessar valores do atributos dos elementos como mostra o exemplo abaixo.
$(document).ready(function ()
{
$('#btnClick').click(function()
{
var valor = $(div).attr('class');
alert('o valor da classe da sua div é "+valor+"');
});
});
O exemplo mostra como nos conseguimos pegar valores dos atributos de um elemento isso e ótimo para nos programadores de asp.net para algum efeito ou tratamento de página.
Também é possível adicionar valores facilmente com jQuery nos elementos
$(document).ready(function()
{
$('.resultado').html('conteudo da sua div');
$('#btnClick').attr('value','My Click');
});
Nos próximos artigos sobre jQuery vou explora mais sobre o acesso dos elementos DOM e o principais eventos do jQuery.
