ToggleClass - Javascript Puro

[Modugno 4]

Bom dia rapazeada, estive analisando alguns códigos que tenho feito, e percebi que estou usando o jQuery atoa, coisas que davam pra fazer com Javascript puro, uma delas é os eventos de add/remove/has/toggle class..

 

Eu olhei a documentação da Mozilla, e la eles mostram um jeito de fazer com javascript puro, usando

element.classList.toggle("nome_da_class"); 

Segue o link da documentação da Mozilla:

https://developer.mozilla.org/en-US/docs/Web/API/Element.classList

 

 

Porem, eu estranhei por ser tão facil, e ai vem a minha dúvida, isso é novo? Não são todos os browsers que aceitam?

Se alguém souber de tutorial, ou quiser mostrar como se faz isso em JS puro ficaria grato.

 

Abraço galera.

[Lucas Guima 164]

A compatibilidade está no final do link que mandou.

 

E como faz o quê?

[William Bruno 1501]

classList é javascript puro. É "relativamente novo" sim.

 

Pesquise por polyfills, por exemplo:

https://github.com/jonathantneal/polyfill

[Modugno 4]

Seria no caso como fazer o ToggleClass com JS Puro..

Eu percebi mesmo que é novo, por isso veio a dúvida, por que estou considerando em não usar o jQuery pra pequenas aplicações, dae veio a dúvida de como fazer isso, visto que uso muito o toggleClass do jQuery rs

 

O Zepto.js tem toggleClass também, e aparentar ser mais leve que o jQuery, aconselham o uso dele?

[William Bruno 1501]

Eu não aconselho.

-> Está "meio abandonado"

-> Não possui compatibilidade com os plugins jQuery

-> Vai continuar carregando um monte de coisas que vc não vai usar

 

Eu prefiro usar as "novas funções" do JS, com polyfills (scripts que fazem a compatibilidade com browsers antigos)

[Modugno 4]

Vou estudar a respeito William! Valeu abraço