JQuery em Asp.net Parte -1 [seletores]

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (0)  (1)

Nesse artigo pretendo mostrar qual a diferença e facilidade de trabalhar com JQuery para acessar os elementos da página. E podendo utilizar os valores para métodos ou eventos das o paginas asp.net

Query Básico -1 [seletores]

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.
 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?