Silici0 :: Blog

Expressões do JQuery - XPath

Maio 22, 2007 on 11:04 am | In Informatica, JavaScript, JQuery |

Vou falar um pouco sobre modo de como acessar DIVS, TAGS html entre outros, para melhorar a idéia do modelo como um todo.

Existem diversas maneiras de se acessar e usar as expressões do JQuery para acessar a div ou tag que você quer mudar um atributo e/ou valor. Vou falar basicamente de acesso por nomes DIV e CLASS, e da XPath que é um modelo fácil de acessar.

Imaginemos que você tenha o seguinte código:

PLAIN TEXT

HTML:

<div id='viu'>
<span class='cla'>TEXTO</span>
<form method='POST'>
<input type='text' name='3' id='viu' />
<input type='text' id='naoviu' />
</form></div>

A dúvida fica no ar, como acessar a div viu e o input viu?

Se formos acessar a div ID='viu', podemos simplesmente fazer o seguinte:

PLAIN TEXT

JAVASCRIPT:

$('div#viu')

Onde então, você viu que para acessar um ID você usa #

Para acessarmos o input ID='viu', pode simplesmente fazer o seguinte:

PLAIN TEXT

JAVASCRIPT:

$('input#viu')

Ja sei, você sacou a idéia.. hm.... e para acessar uma classe? No nosso caso a classe 'cla'!

PLAIN TEXT

JAVASCRIPT:

$('span.cla')

PLAIN TEXT

JAVASCRIPT:

$('.cla')

Para acessar o id 'naoviu' ?

PLAIN TEXT

JAVASCRIPT:

$('#naoviu')

E para usar XPath ? Que tem a ver? Você pode usar os metodos de XPath para acessar os dados, metodos e atributos também... Maneira mais facil ao meu ver.

Para acessar o input com name = 3, façamos...

PLAIN TEXT

JAVASCRIPT:

$('input[@name=3')

Acho que deu para entender um pouco de como funciona as expressões para acesso de valores, atributos e metodos de tudo quanto é TAG xhtml, DIV e outros afins... ehhehee

3 Comments »

RSS feed for comments on this post. TrackBack URI

To com saudades amor... se passou 1 dia... logo serão 5
agente briga quando está junto, mas não consigo ficar longe.

te amo muito!
bjokas gostosas

Comment by Jujutchu — Maio 22, 2007 #
Primeiramente parabéns pelo post e pelo blog.

Aproveito para perguntar, quando vc fez uma referência ao XPath, no jquery não teria que fechar o colchetes assim:

input[@name=3]

De for, acho que ficou faltando fechar no seu exemplo!!

Comment by Hebert — Novembro 29, 2007 #
Isso mesmo, foi esse o ocorrido...

hehehehe

Falta de atenção e correria eh ozzo.

Valeu

Comment by silici0 — Novembro 29, 2007 #