Interação com Javascript #

Muitas vezes alguns elementos são utilizados dentro do javascript e precisamos de alguma referência para trabalhar com o elemento.

Seleção única #

Como já dito antes, não devemos utilizar IDs para aplicar estilos CSS, porém eles são essenciais para criar identificadores únicos em elementos e são ótimos para trabalhar dentro do javascript quando precisamos selecionar um único elemento. Então sempre utilize o atributo id="" para selecionar elementos únicos no seu projeto utilizando javascript.

<button id="pageHome_submitButton" class="button -secondary -big">
	Submit
</button>

Seleção múltipla #

Para trabalhar com seleções múltiplas nós devemos criar classes com o prefixo js- seguido do nome da classe: js-blogCard js-card

• São classes utilizadas para manipulação da DOM (loops, inserts, remove etc...)
  • Esse tipo de classe não é utilizado para manipulação de estilos. Para isso são utilizadas as classes de estado.
• Classes com o prefixo js- são utilizadas apenas no javascript, não aplique estilos utilizando esse tipo de classe.
  • Isso facilita a manutenção, pois se o nome da classe precisar ser alterado você vai saber exatamente onde o código vai ser afetado.

<li class="blogCard js-blogCard">
</li>