Rumah > hujung hadapan web > tutorial js > Apakah maksud $ dalam js

Apakah maksud $ dalam js

下次还敢
Lepaskan: 2024-05-07 19:51:17
asal
780 orang telah melayarinya

Dalam JavaScript, maksud simbol "$"

Dalam JavaScript, simbol "$" ialah pemilih yang biasa digunakan untuk memilih elemen DOM. Ia mewakili elemen akar dokumen, iaitu keseluruhan dokumen HTML.

Cara menggunakan simbol "$"

Untuk menggunakan simbol "$" untuk memilih elemen DOM, anda boleh menggunakan sintaks berikut:

<code class="javascript">const element = $(selector);</code>
Salin selepas log masuk

Di mana, selector ialah pemilih CSS yang menentukan elemen yang akan dipilih. Contohnya, untuk memilih elemen dengan kelas "bekas", anda boleh menggunakan kod berikut:

<code class="javascript">const element = $('.container');</code>
Salin selepas log masuk

Perbandingan dengan pemilih lain

Simbol "$" sering digunakan dengan pemilih JavaScript lain, seperti:

  • getElementById( ) : Pilih elemen berdasarkan ID.
  • querySelector(): Pilih elemen padanan pertama berdasarkan pemilih CSS.
  • querySelectorAll(): Pilih semua elemen padanan berdasarkan pemilih CSS.

Kelebihan utama simbol "$" berbanding pemilih lain ialah ia lebih pendek dan mudah untuk ditulis. Ia juga berfungsi rapat dengan perpustakaan jQuery, perpustakaan manipulasi DOM yang popular dalam JavaScript.

Contoh

Berikut ialah beberapa contoh memilih elemen DOM menggunakan simbol "$":

  • Memilih elemen dengan "header" kelas:
<code class="javascript">const header = $('#header');</code>
Salin selepas log masuk
  • Memilih semua elemen perenggan:
    Memilih elemen dengan kelas "header":
<code class="javascript">const paragraphs = $('p');</code>
Salin selepas log masuk
🎜Memilih semua elemen perenggan: 🜜re🎜🎜🎜 elemen butang kelas "btn": 🎜🎜
<code class="javascript">const button = $('.btn:first');</code>
Salin selepas log masuk

Atas ialah kandungan terperinci Apakah maksud $ dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan