09.11.2017 Views

jQuery na Prática

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Os filtros de seleção são baseados no index da array de retorno do seletor.<br />

:first Retor<strong>na</strong> o primeiro elemento da seleção.<br />

:last Retor<strong>na</strong> o último elemento da seleção.<br />

:eq() Retor<strong>na</strong> o elemento com um índice específico.<br />

:even Retor<strong>na</strong> todos os elementos com índice par.<br />

:odd Retor<strong>na</strong> todos os elementos com índice ímpar.<br />

Manipulando CSS<br />

.css() Utilizado para recuperar ou definir um determi<strong>na</strong>do atributo css ao elemento selecio<strong>na</strong>do.<br />

$("p").css("font-size"); // retor<strong>na</strong> o valor do font-size do elemento <br />

$("p").css("font-size", "12px"); // define o font-size do elemento para 12px<br />

$(p").css(font-size", 24px")<br />

.css(font-weight", bold")<br />

.css(line-height", 32px");<br />

// ou um map<br />

$(p").css({font-size": 24px",<br />

font-weight": bold",<br />

line-height": 32px"});<br />

.addClass() Adicio<strong>na</strong> uma determi<strong>na</strong> classe ao elemento.<br />

.removeClass() Remove uma determi<strong>na</strong>da classe do elemento. Se o parâmetro for omitido, remove todas as<br />

classes do elemento.<br />

.toggleClass() Alter<strong>na</strong> entre incluir e remover uma determi<strong>na</strong>da classe. Se o elemento já possuir uma classe, o<br />

<strong>jQuery</strong> remove. Se não possuir, inclui.<br />

.hasClass() Retor<strong>na</strong> true caso o elemento possua a classe ou false caso contrário.<br />

Visibilidade<br />

.show() Altera o display do elemento para normal .<br />

.hide() Altera o display do elemento para none .<br />

.toggle() Alter<strong>na</strong> entre normal e none .<br />

Manipulando Conteúdo<br />

.html() Retor<strong>na</strong> o conteúdo html da seleção.<br />

.text() Retor<strong>na</strong> o conteúdo texto da seleção.<br />

.append() Insere conteúdo dentro do fi<strong>na</strong>l da seleção.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!