Chargement...

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?


CSSW Apprendre à créer son site web CSSW