Bagaimana untuk Menggunakan \'#\' dalam Pemilih CSS dan jQuery dengan Hashtags?

Menggunakan '#' dalam CSS dan jQuery Selectors dengan Hashtags

Isunya

Pertimbangkan HTML berikut:

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

Coretan kod berikut tidak akan berfungsi seperti yang dijangkakan:

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

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

Penyelesaian

Untuk menggunakan aksara meta seperti '#' sebagai bahagian literal nama, ia mesti dilepaskan dengan garis miring ke belakang:

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

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

Pengesyoran

Sebaik-baiknya elakkan menggunakan '#' dalam ID anda untuk konsistensi dan mengikut piawaian web. ID mesti bermula dengan huruf dan hanya boleh mengandungi huruf, nombor, sempang, garis bawah, titik bertindih dan noktah.

Melepaskan diri '.' dalam ID

Jika ID mengandungi '.', anda juga harus melepaskannya:

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

Atas ialah kandungan terperinci Bagaimana untuk Menggunakan \'#\' dalam Pemilih CSS dan jQuery dengan Hashtags?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!