Evenement : la souris

JS Bin

DOM : khan

DOM versus Jquery

Voici encore un exemple de comparaison du code jquery DOM

DOM	Jquery
var newItem = document.createElement("li"); newItem.className+="new"; var textnode = document.createTextNode("Water"); newItem.appendChild(textnode); var list = document.getElementById("myList"); list.insertBefore(newItem, list.childNodes[0]);	$("<li>Water</li>" ).insertBefore( "#List li:first" ).addClass("new");

 comparaison DOM et Jquery

className : en action

Voici en DOM une façon simple d'ajouter une classe à un élément.
document.body.className="nameClass";

exemples

JS Bin

Pour ajouter deux classes
document.body.className="class1  class2";

JS Bin

Ajouter une classe aux classes existantes
document.body.className += " newClass";

JS Bin
Notez la présence de la fonction classList

JS Bin

Event : en action

Exemple d'utilisation de l'événement window.onscroll 

  JS Bin

How to do

 



http://html5-demos.appspot.com/static/css/sticky.html

khan academy

W3C SCHOOL : vidéo

https://www.youtube.com/watch?v=kowh52NmZis