lintasan jQuery

Apakah itu traversal?

jQuery traversal, yang bermaksud "pindah", digunakan untuk "mencari" (atau memilih) elemen HTML berdasarkan hubungannya dengan elemen lain. Mulakan dengan pilihan dan bergerak mengikut pilihan ini sehingga anda mencapai elemen yang anda inginkan.

Gambar di bawah menunjukkan salasilah keluarga. Dengan traversal jQuery, anda boleh dengan mudah bergerak ke atas (nenek moyang), ke bawah (keturunan), dan mendatar (adik-beradik) dalam salasilah keluarga, bermula dari elemen yang dipilih (semasa). Pergerakan ini dipanggil melintasi DOM.

img_travtree.png

Analisis ilustrasi: Unsur

<div> ialah unsur induk <ul> Elemen

<ul> ialah elemen induk bagi <li> ibu bapa kepada <span> unsur, unsur anak <ul> dan keturunan <div>. Unsur

<span> ialah anak kepada <li> dan keturunan kedua-dua <ul>

Dua unsur <li> adalah adik beradik (mempunyai unsur induk yang sama). Unsur <li> di sebelah kanan

ialah unsur induk <b>, unsur anak <ul> dan merupakan keturunan <div>. Unsur

<b> ialah anak kepada <li> dan merupakan keturunan daripada kedua-dua <ul>

Merentasi DOM

jQuery menyediakan pelbagai kaedah untuk merentasi DOM.

Kaedah traversal jenis terbesar ialah traversal pokok (tree-traversal).

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); }); </script> </head> <body> <button>输出每个列表项的值</button> <ul> <li>Coffee</li> <li>Milk</li> <li>Soda</li> </ul> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus