Wie verwende ich „#“ in CSS- und jQuery-Selektoren mit Hashtags?

Verwendung von „#“ in CSS- und jQuery-Selektoren mit Hashtags

Das Problem

Bedenken Sie den folgenden HTML-Code:

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

Die folgenden Codeausschnitte funktionieren nicht wie erwartet:

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

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

Die Lösung

Um Metazeichen wie „#“ als wörtlichen Teil eines Namens zu verwenden, müssen sie maskiert werden mit einem Backslash:

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

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

Empfehlung

Aus Gründen der Konsistenz und zur Einhaltung von Webstandards vermeiden Sie am besten die Verwendung von „#“ in Ihren IDs. IDs müssen mit einem Buchstaben beginnen und dürfen nur Buchstaben, Zahlen, Bindestriche, Unterstriche, Doppelpunkte und Punkte enthalten.

Escaping '.' in IDs

Wenn eine ID „.“ enthält, sollten Sie es auch maskieren:

<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>

Das obige ist der detaillierte Inhalt vonWie verwende ich „#“ in CSS- und jQuery-Selektoren mit Hashtags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!