Sélecteurs approximatifs !

jQuery utilise les sélecteurs CSS pour pouvoir accéder aux éléments de la page. Ça fait environ 2 ans à 3 ans que j'utilise jQuery et je viens de découvrir des raccourcis pour pouvoir sélectionner des éléments en fonction de certaines parties de ses propriétés. Ces sélecteurs sont utiles pour les feuilles de style mais je les utilise très souvent avec jQuery.

La propriété contient

Par exemple, voici une manière de récupérer tous les éléments ayant une propriété id contenant la chaine teacher_3 :

$("input[id*='teacher_3']");

Ici c'est l'étoile (*) avec le signe égal qui permet de demander à jQuery de vérifier les propriétés contenant la chaine.

La propriété commence par

La propriété id commence par la chaine teacher_3 :

$("input[id^='teacher_3']");

La propriété se termine par

La propriété id se termine par la chaine teacher_3 :

$("input[id$='teacher_3']");

La propriété est différente de

La propriété, id est différente de la chaine teacher_3:

$("input[id!='teacher_3']");

Plusieurs conditions

La propriété id commence par teacher mais ne vaut pas teacher_5 :

$("[id^=teacher][id!=teacher_5]");

Liste des sélecteurs CSS 3

Voici un lien vers une liste plus complète des sélecteurs CSS 3.

Voilà pour cet article, bon courage !