Comment utiliser \'#\' dans les sélecteurs CSS et jQuery avec des hashtags ?

Utilisation de '#' dans les sélecteurs CSS et jQuery avec des hashtags

Le problème

Considérez le code HTML suivant :

<code class="html"><div id='test#1'>test1</div>
<div id='test#2'>test2</div></code>

Les extraits de code suivants ne fonctionneront pas comme prévu :

<code class="css">#test#1 {
  color: red;
}</code>

<code class="jQuery">$('#test#2').css('color', 'blue');</code>

La solution

Pour utiliser des métacaractères comme « # » comme partie littérale d'un nom, ils doivent être échappés. avec une barre oblique inverse :

<code class="css">#test\#1 {
  color: red;
}</code>

<code class="jQuery">$('#test\#2').css('color', 'blue');</code>

Recommandation

Il est préférable d'éviter d'utiliser '#' dans vos identifiants pour des raisons de cohérence et pour respecter les standards du Web. Les identifiants doivent commencer par une lettre et ne peuvent contenir que des lettres, des chiffres, des traits d'union, des traits de soulignement, des deux-points et des points.

Échapement de '.' dans les identifiants

Si un identifiant contient '.', vous devez également l'échapper :

<code class="html"><div id='test.1'></div></code>

<code class="css">#test\.1 {
  color: red;
}</code>

<code class="jQuery">$('#test\.1').css('color', 'blue');</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!