Analisis ringkas contoh pemilih hierarki untuk bermula dengan jQuery_jquery

Artikel ini menganalisis penggunaan pemilih hierarki dalam memulakan jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Berikut ialah pengenalan ringkas kepada perbezaan antara keturunan nenek moyang dan ibu bapa>anak dalam pemilih hierarki jQuery.

ibu bapa>anak: Memadankan semua elemen anak berdasarkan elemen induk Hubungan hierarki ialah hubungan ibu bapa-anak.

keturunan nenek moyang: Memadankan semua unsur keturunan berdasarkan unsur nenek moyang Hubungan hierarki ialah nenek moyang dan keturunan.

Tulis kod dan uji ia untuk membezakan dengan lebih jelas perbezaan antara keduanya:

<div id="first">1
  <span>1.1 </span>
  <span>1.2 </span>
  <div>1.3
    <span>1.3.1 </span>
  </div>
 </div>
<script type="text/javascript" src="jquery-1.4.1.min.js">
</script>
<script type="text/javascript">
  $(function () {
    $("#first>span").css("color", "red");
  });
</script>

Selepas berlari, ia ditemui:

Warna teks 1.3.1 bukan merah kerana ibu bapa>anak ialah hubungan ibu bapa-anak

Jika anda menukar pemilih kepada:

Salin kod Kod adalah seperti berikut:

$("#first span").css("color", "merah" );

Selepas berlari, ia ditemui:

Warna teks 1.3.1 juga berwarna merah, kerana hubungan hierarki keturunan nenek moyang ialah nenek moyang dan keturunan. Iaitu, semua teg span di bawah elemen dengan id "first", sama ada mereka anak atau cucu, akan bertukar menjadi merah.

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.