Conventions

Conventions de nommage

CTRL+C pour copier, CTRL+V pour coller
1
jQuery
jQuery

Désigne un objet jQuery ($("p"), $(document.getElementsByTagName("li"))...)

SyntaxeConventions de nommage

CTRL+C pour copier, CTRL+V pour coller
1
jQuery
jQuery

Désigne un objet jQuery ($("p"), $(document.getElementsByTagName("li"))...)

CTRL+C pour copier, CTRL+V pour coller
1
element
element

Désigne un objet du DOM (document.getElementById('exemple'), document.body...)

CTRL+C pour copier, CTRL+V pour coller
1
elementArray
elementArray

Désigne un tableau d'objets du DOM (document.getElementsByName('exemple'), document.getElementsByTagName('div')...)

CTRL+C pour copier, CTRL+V pour coller
1
selector
selector

C'est une chaîne de caractères qui utilise la syntaxe CSS. Elle permet de désigner une partie des éléments d'une page (".exemple" tous les éléments contenant la classe exemple, "div > li" tous les enfants li d'un div). Cette syntaxe va même plus loin. On le verra dans la suite.

CTRL+C pour copier, CTRL+V pour coller
1
htmlString
htmlString

Désigne une chaîne de caractères qui représente du code html.

CTRL+C pour copier, CTRL+V pour coller
1
all
all

Désigne jQuery, element, elementArray, selector.

CTRL+C pour copier, CTRL+V pour coller
1
propertyName
propertyName

Désigne une propriété css par son nom en écriture JavaScript (background-color --> backgroundColor).

CTRL+C pour copier, CTRL+V pour coller
1
map
map

Désigne une liste de paires propriété - valeur ({color : "red", marginTop : "12px"})

CTRL+C pour copier, CTRL+V pour coller
1
attributName
attributName

Désigne le nom d'un attribut.

CTRL+C pour copier, CTRL+V pour coller
1
eventType
eventType

Type d'événement (click, mousemove, mouseout...)

AttentionDans la pratique

Attention, n'oubliez pas que pour manipuler le DOM il faut que la page soit chargée.

L'équivalent jQuery de :

CTRL+C pour copier, CTRL+V pour coller
1
window.addEventListener("load", function () {...}, false);
window.addEventListener("load", function () {...}, false);

est

CTRL+C pour copier, CTRL+V pour coller
1
$(document).ready(function () {...});
$(document).ready(function () {...});

qui peut-être réduit à :

CTRL+C pour copier, CTRL+V pour coller
1
$(function(){...});
$(function(){...});

Exemple :

CTRL+C pour copier, CTRL+V pour coller
1
$(function(){
2
  $("img").css("border","solid 2px red");
3
});
$(function(){
  $("img").css("border","solid 2px red");
});