7

No jQuery, usamos aspas pra pegar $('div.oi'). E no JavaScript puro? Piss se usarmos sem aspas é diferente.

Se formos mudar o css por exemplo: Com jQuery:

$('teste').css(teste);
3
  • Acho que essa pergunta já foi feita antes aqui na rede Commented 5/06/2017 às 17:57
  • Teria o link, Marcelo? Desculpe, não achei. Commented 5/06/2017 às 17:58
  • 1
    Uma coisa é pegar id, outra o class, id é um elemento único em uma pagina, já o class pode ter quantos elementos for necessário Commented 5/06/2017 às 17:58

1 Resposta 1

12

O jeito moderno em JS puro é:

// Para um elemento, por seletor
var el = document.querySelector('div.oi');

// Para múltiplos elementos
var els = document.querySelectorAll('div.oi');

// Para um elemento por ID, da maneira tradicional:
var el = document.getElementById('id_aqui');

Tanto querySelector quanto querySelectorAll podem ser aplicados tanto ao document, quanto a um elemento específico (para pegar descendentes dele).

Existem ainda outros métodos, como getElementsByClassName, que precisam ser utilizados em browsers mais antigos.

Referências

4
  • No caso, no JQuery pode pega id e class com o $(' '), ja no JavaScript puro é diferente. Certo? Commented 5/06/2017 às 18:12
  • Não entendi muito bem a diferença do querySelector e do querySelectorAll. Sei que All é todos, mas como assim? Quando eu usar o querySelector vai pegar só 1? Como assim 1? Commented 5/06/2017 às 18:14
  • 2
    @LucasCarvalho o querySelectorAll vai retornar um array com os elementos, já o querySelector retorna um único elemento.
    – Marconi
    Commented 5/06/2017 às 18:17
  • @LucasCarvalho Com querySelector/querySelectorAll você pode buscar por seletor como no jQuery (mas o jQuery aceita uns seletores a mais). Portanto, dá pra buscar por id com querySelector também, como em var el = document.querySelector('#meuId'). Sobre a diferença entre os 2 métodos, é o que o Marconi explicou.
    – bfavaretto
    Commented 5/06/2017 às 19:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .