Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bolehkah jquery hanya menggunakan pemilih id?

Bolehkah jquery hanya menggunakan pemilih id?

WBOY
WBOYasal
2022-04-20 17:44:561558semak imbas

jquery bukan sahaja menggunakan pemilih id. jQuery menyediakan pelbagai pemilih: 1. Pemilih kelas, yang boleh mencari elemen dengan menentukan kelas 2. Pemilih teg, yang boleh memilih elemen mengikut nama tag HTML 3. Pemilih atribut, gunakan ungkapan XPath untuk memilih elemen dengan elemen Atribut yang ditentukan; 4. Pemilih kumpulan, dsb.

Bolehkah jquery hanya menggunakan pemilih id?

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Bolehkah jquery hanya menggunakan pemilih id

pemilih jQuery membenarkan anda beroperasi pada kumpulan elemen HTML atau elemen individu.

Pemilih jQuery "cari" (atau pilih) elemen HTML berdasarkan id, kelas, jenis, atribut, nilai atribut, dsb. Ia berdasarkan pemilih CSS sedia ada, sebagai tambahan kepada beberapa pemilih tersuai.

Semua pemilih dalam jQuery bermula dengan tanda dolar: $().

Pemilih Elemen jQuery

jQuery menggunakan pemilih CSS untuk memilih elemen HTML.

$("p") memilih elemen e388a4556c0f65e1904146cc1a846bee

$("p.intro") memilih semua e388a4556c0f65e1904146cc1a846bee elemen dengan class="intro".

$("p#demo") memilih semua e388a4556c0f65e1904146cc1a846bee dengan id="demo".

Pemilih Atribut jQuery

jQuery menggunakan ungkapan XPath untuk memilih elemen dengan atribut yang diberikan.

$("[href]") memilih semua elemen dengan atribut href.

$("[href='#']") memilih semua elemen dengan nilai href sama dengan "#".

$("[href!='#']") memilih semua elemen dengan nilai href tidak sama dengan "#".

$("[href$='.jpg']") memilih semua elemen yang nilai hrefnya berakhir dengan ".jpg".

#id selector

jQuery #id selector memilih elemen yang ditentukan melalui atribut id elemen HTML.

Id elemen dalam halaman hendaklah unik, jadi jika anda ingin memilih elemen unik dalam halaman, anda perlu lulus pemilih #id.

Sintaks untuk memilih elemen mengikut id adalah seperti berikut:

$("#test")

Contohnya adalah seperti berikut:




 
123 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>


这是一个标题

这是一个段落

这是另外一个段落

Hasil output:

 4.gif

.pemilih kelas

Pemilih kelas jQuery boleh mencari elemen mengikut kelas yang ditentukan.

Sintaks adalah seperti berikut:

$(".test")

Contohnya adalah seperti berikut:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;.test&quot;).hide();
  });
});
</script>


这是一个标题

这是一个段落。

这是另外一个段落。

Hasil output:

 5.gif

Pemilih Kumpulan

Pemilih Kumpulan digunakan untuk melaksanakan operasi yang sama pada beberapa pemilih pada masa yang sama.

Sintaks:

$("选择器1, 选择器2, ... , 选择器n")

Kedua-dua pemilih mesti dipisahkan dengan koma, jika tidak, pemilih tidak akan berkuat kuasa.

Contoh

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("h3,div,p,span").css("color","red");
        })
    </script>
</head>
<body>
    <h3>中文网</h3>
    <div>中文网</div>
    <p>中文网</p>
    <span>中文网</span>
</body>
</html>

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bolehkah jquery hanya menggunakan pemilih id?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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