Tutorial st.js

Linguagem

Mais instruções no index.html

• pt-BR
• en-US

st.js é uma biblioteca JavaScript projetada para simplificar projetos de desenvolvimento web:

Fácil de aprender e fácil de usar. Projetado para desenvolvimento rápido de aplicativos. Projetado para todos os dispositivos: PC, Tablet e Celular. Grátis para usar. Sem licenças.

O que o st.js pode fazer?

Abaixo está uma lista de algumas das coisas que o st.js pode fazer:

> Ocultar e mostrar qualquer elemento HTML

Como

st.js é muito fácil de usar.

Basta adicionar um link para st.js em sua página da web:

<script src="lib/build/st-lumatech_1.0.min.js"></script>

ou

<script src="https://luizbrunost.github.io/pt-br_st.js/lib/build/st-lumatech_1.0.min.js"></script>

Seletores st.js

Seletores st.js st.js seleciona elementos HTML e executa ações no (s) elemento (s) selecionado (s):

st.ação(seletor)

• A ação () é realizada no (s) elemento (s) selecionado (s)
• O ( *seletor* ) seleciona o (s) elemento (s) HTML

Exemplo:

st.esconder('p')

Para selecionar um elemento com um id específico, escreva um caractere hash, seguido pelo id do elemento HTML:

Oculte um elemento com id = "Londres":

st.esconder('#Londres')

Ocultar todos os elementos com class = "cidade":

st.esconder('.cidade')

Mais exemplos de seletores

Seletor:

("*") - Seleciona todos os elementos
(this) Seleciona o elemento HTML atual
("p.intro") - Seleciona todos os < p > elementos com class="intro"
("div p") - Seleciona todos os elementos

dentro de todos os elementos < div >
("div p:first-child") - Seleciona o primeiro elemento

dentro de todos os elementos < div >
("[href]") - Seleciona todos os elementos com um atributo href
("a[target=_blank]") - Seleciona todos os elementos < a > com um valor de atributo de destino(target) igual a "_blank"
("p:nth-child(even)") - Seleciona todos os elementos pares < p >

Demo

DEMO