# 04: les sélecteurs jQuery sont des sélecteurs CSS3 - Astuces CSS

En CSS, vous pouvez tout sélectionner

éléments sur la page avec ceci:

h1 ( /* style all
elements */ )

Dans jQuery, vous pouvez utiliser exactement le même sélecteur.

$("h1") // set of all
elements

En fait, vous pouvez utiliser n'importe quel sélecteur CSS (même les sélecteurs CSS3) dans jQuery. Dans ce screencast, nous avons même utilisé le sélecteur: nth-of-type pour sélectionner le deuxième terme de définition dans une liste de définitions:

$("dt:nth-of-type(2)") .html("I'm the second definition term!");

Cette méthode .html () est utile. Il vous permet de changer (ou d'obtenir) le "innerHTML" d'un élément. Comme dans, pas l'élément lui-même, mais tout ce qu'il contient. Les «tripes» que vous pourriez dire. C'est similaire à la méthode .text (), mais text () est littéralement juste pour le texte. Il ne retournera pas le HTML réel de l'intérieur de l'élément. Donc, si les «tripes» l'étaient Some text, il renverrait simplement « Du texte». Définir du texte avec lui échappera à tout code HTML que vous insérez, ce qui signifie que vous verrez littéralement le «». Obtenir du texte avec lui est également unique, car si vous sélectionnez plusieurs éléments, il renverra le texte combiné de tous, ce qui est unique dans jQuery. Dans d'autres cas, lorsque vous «récupérez» une valeur à partir d'une méthode, celle-ci renverra la valeur de la première de l'ensemble. Like .height()retournera simplement la hauteur du premier élément de l'ensemble.

Voir le Pen eab1c311dd6e399a2006f1694bbbe051 par Chris Coyier (@chriscoyier) sur CodePen