Rumah hujung hadapan web tutorial js Bagaimana untuk mencari elemen anak dengan jQuery_jquery

Bagaimana untuk mencari elemen anak dengan jQuery_jquery

May 16, 2016 pm 04:14 PM
jquery unsur kanak-kanak cari kaedah

Contoh dalam artikel ini menerangkan cara jQuery mencari elemen kanak-kanak. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. kaedah kanak-kanak()

digunakan untuk mendapatkan set elemen yang mengandungi semua sub-elemen setiap elemen dalam set elemen yang dipadankan Format sintaks adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
kanak-kanak([pemilih])
$("#menu_ul").kanak-kanak().css("warna", "biru");

2. kaedah find()

digunakan untuk mencari unsur turunan yang sepadan dengan ungkapan pemilih yang ditentukan daripada setiap elemen padanan Formatnya adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
cari([pemilih])
$("ul").find("span").css("color", "blue");//Tetapkan elemen teks elemen span di bawah elemen ul kepada biru

Kod sampel adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <kepala>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cari elemen anak bagi elemen yang ditentukan</title> <script src="jquery-1.4.2.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){
​​​ $("#login").children("input").css("background","#FCF");//Tetapkan warna latar belakang untuk elemen anak langsung bagi elemen div
$("#login").contents().css("color","red"); //Tetapkan warna teks bagi bait elemen yang ditentukan
$("#tab").find("td").css("border","1px biru pepejal").css("warna","Hijau");//Tetapkan elemen td di bawah elemen div yang ditentukan Warna sempadan dan fon
})
</skrip> </head> <badan>
<h3>Cari elemen anak bagi elemen yang ditentukan</h3> <div>
<div id="log masuk"> ​​​​​ Nama pengguna:<input type="text" value="username"/>
Kata laluan: <input type="password" value="password" /> & Lt; div & gt; jenis input = "serah" nilai = "log masuk"/& gt; > </div> <div id="tab">
<lebar meja="452" tinggi="176" sempadan="1"> <tr>
<td>Sel</td> <td>Sel</td> </tr> <tr>
<td>Sel</td> <td>Sel</td> </tr> <tr>
<td>Sel</td> <td>Sel</td> </tr> <tr>
<td>Sel</td> <td>Sel</td> </tr> <tr>
<td>Sel</td> <td>Sel</td> </tr> </table>
</div> </div> </body> </html>

Rendering adalah seperti berikut:

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato. Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato. Mar 28, 2024 pm 12:50 PM

Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato.

Bagaimana untuk memasukkan bios pada papan induk Berwarna-warni? Ajar anda dua kaedah Bagaimana untuk memasukkan bios pada papan induk Berwarna-warni? Ajar anda dua kaedah Mar 13, 2024 pm 06:01 PM

Bagaimana untuk memasukkan bios pada papan induk Berwarna-warni? Ajar anda dua kaedah

Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam) Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam) May 01, 2024 pm 12:01 PM

Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam)

Ringkasan kaedah untuk mendapatkan hak pentadbir dalam Win11 Ringkasan kaedah untuk mendapatkan hak pentadbir dalam Win11 Mar 09, 2024 am 08:45 AM

Ringkasan kaedah untuk mendapatkan hak pentadbir dalam Win11

Kuasai dengan cepat: Bagaimana untuk membuka dua akaun WeChat pada telefon bimbit Huawei didedahkan! Kuasai dengan cepat: Bagaimana untuk membuka dua akaun WeChat pada telefon bimbit Huawei didedahkan! Mar 23, 2024 am 10:42 AM

Kuasai dengan cepat: Bagaimana untuk membuka dua akaun WeChat pada telefon bimbit Huawei didedahkan!

Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih) Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih) May 04, 2024 pm 06:01 PM

Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih)

Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit) Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit) May 07, 2024 pm 03:34 PM

Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit)

Jadual WPS tidak dapat mencari data yang anda cari, sila semak lokasi pilihan carian Jadual WPS tidak dapat mencari data yang anda cari, sila semak lokasi pilihan carian Mar 19, 2024 pm 10:13 PM

Jadual WPS tidak dapat mencari data yang anda cari, sila semak lokasi pilihan carian

See all articles