HowDoWeDoJavascript¶

Alléger notre dépendance à jQuery¶

La majorité des méthodes jQuery sont disponibles en JS. Même si c'est peu plus verbeux.

Liens utiles¶

• https://putaindecode.io/articles/de-jquery-a-vanillajs/ (super)
• https://youmightnotneedjquery.com/
• https://jqjsconverter.netlify.app/

Selecteurs DOM¶

// jQuery
const $elements = $('selecteurCSS')
// JS
// Le premier element
const element = document.querySelector('selecteurCSS')
// Tous les éléments
const elements = document.querySelectorAll('selecteurCSS')

Il est toujours possible ensuite d'utiliser une methode jQuery

$(elements).hide()

each VS forEach¶

// jQuery
$elements.each(function( index ) {
  console.log( index + ": " + $( this ).text() )
});
// JS
elem.forEach(function (currentValue, currentIndex, listObj) {
  console.log(`${currentIndex} : ${currentValue.textContent}`)
})

addClass, removeClass VS classList¶

// jQuery
$element.addClass('class')
// JS
element.classList.add(('class')

// jQuery
$element.removeClass('class')
// JS
element.classList.remove(('class')

ajax (fetch)¶

// jQuery
$.ajax(request)
  .done(function( data ) {…})
// JS
const data = await fetch(url, requestParams)

paramètres inutilisés¶

On utilise _ pour nommer les paramètres inutilisés d'une fonction.