Conventions

Conventions de nommage

1
jQuery

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

SyntaxeConventions de nommage

1
jQuery

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

1
element

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

1
elementArray

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

1
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.

1
htmlString

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

1
all

Désigne jQuery, element, elementArray, selector.

1
propertyName

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

1
map

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

1
attributName

Désigne le nom d'un attribut.

1
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 :

1
window.addEventListener("load", function () {...}, false);

est

1
$(document).ready(function () {...});

qui peut-être réduit à :

1
$(function(){...});

Exemple :

1
$(function(){
2
  $("img").css("border","solid 2px red");
3
});