JQuery sélecteurs
Le selecteur JQUERY a pour syntaxe: $().
Il est possible de sélectionner quasiment tous les éléments:
$('*') | Tous les éléments |
---|---|
$('a') | Tous les éléments <a> |
$('#main') | L'élément ayant id="main" |
$('.menu') | Les éléments ayant class="menu" |
$('#main, .menu') | Les élément ayant id="main" ou class="menu" |
$('.menu:first') | Le premier élément ayant class="menu" |
$('.menu:last') | Le dernier élément ayant class="menu" |
$('.menu').first() | Le premier élément ayant class="menu" |
$('.menu').last() | Le dernier élément ayant class="menu" |
$('.menu:eq(0)') | Le premier élément ayant class="menu" |
$('.menu:eq(1)') | Le deuxième élément ayant class="menu" |
$('.menu:gt(1)') | Les éléments ayant class="menu" à partir du deuxième |
$('.menu:lt(3)') | Les éléments ayant class="menu" entre 0 et 2 |
$('.menu:even') | Les éléments paires ayant class="menu" |
$('.menu:odd') | Les éléments impaires ayant class="menu" |
$('.menu > div') | Les éléments div directement enfant de .menu |
$('.menu div') | Les éléments div enfant de .menu |
$('.menu + div') | Les éléments div qui suivent .menu |
$('.menu div') | Les éléments div frères de .menu |
$('.menu').find('div') | Les éléments div frères de .menu |
$('div').parent() | Selectionne le parent direct de div |
$('div').parents("ul") | Selectionne le parent <ul> de div |
$('footer').prev() | Selectionne l'élément juste avant l'élément footer |
$('footer').prevAll() | Selectionne tous les éléments juste avant l'élément footer |
$('footer').next() | Selectionne l'élément juste après l'élément footer |
$('footer').nextAll() | Selectionne tous les éléments juste après l'élément footer |
$('.menu:visible') | Les éléments visibles ayant class="menu" |
$('.menu:hidden') | Les éléments cachés ayant class="menu" |
$('a[href]') | Les éléments <a> ayant l'attribut href |
$('a[href="#"]') | Les éléments <a> ayant l'attribut href et la valeur # |
$('a[href!="#"]') | Les éléments <a> n'ayant pas valeur # dans l'attribut href |
$('a[href^="#"]') | Les éléments <a> ayant une valeur qui commence par # |
$('a[href$="#"]') | Les éléments <a> ayant une valeur qui se termine par # |
$('a[href*="#"]') | Les éléments <a> ayant une valeur qui contient # |
UNE QUESTION SUR L'ARTICLE?
Initiation
HTML

CSS

PHP

PHP Avancé

Bootstrap

javascript / jQuery

MySQL

Symfony 2

Prestashop

Optimiser
