Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery หาวิธี ()

วิธีการสำรวจเส้นทาง jQuery วิธีการสำรวจเส้นทาง jQuery

ตัวอย่าง

กลับ <ul> ลูกหลานทั้งหมด <span> องค์ประกอบ:

$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});

ผล:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

ลอง»

ความหมายและการใช้งาน

หา () วิธีการส่งกลับองค์ประกอบลูกหลานองค์ประกอบที่เลือก

ลูกหลานเป็นเด็กหลานเหลนและอื่น ๆ

ต้นไม้ DOM: วิธีการนี้เหี่ยวแห้งลงไปตามองค์ประกอบ DOM ลูกหลานทุกเส้นทางจนถึงลูกหลานสุดท้าย (<html>) เช่นเดียวกับการข้ามผ่านต้นไม้ DOM ลงลำดับชั้นเดียว (กลับองค์ประกอบของเด็กโดยตรง) ใช้ เด็ก () วิธีการ

หมายเหตุ: พารามิเตอร์ตัวกรองในการค้นหา () วิธีการที่จำเป็นซึ่งจะแตกต่างจากวิธีการสำรวจเส้นทางต้นไม้อื่น ๆ

เคล็ดลับ: หากต้องการกลับไปลูกหลานขององค์ประกอบที่ใช้ "*" ตัวเลือก


ไวยากรณ์

$(selector).find( filter )

参数 描述
filter 必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。

注意:如需返回多个后代,请使用逗号分隔每个表达式。

ตัวอย่าง

ตัวอย่างเพิ่มเติม

กลับ <html> องค์ประกอบลูกหลานทั้งหมด
ใช้ "*" เลือกที่จะกลับ <html> องค์ประกอบลูกหลานทั้งหมด

กลับ <ul> ลูกหลานทั้งหมด <span> องค์ประกอบ
วิธีการคืน <ul> ลูกหลานทั้งหมด <span> องค์ประกอบ

เลือกลูกหลานที่มีชื่อระดับที่กำหนด
วิธีการกลับองค์ประกอบลูกหลานของชั้นชื่อ "1"

กลับลูกหลานหลาย
วิธีการคืนลูกหลานหลายองค์ประกอบ

ค้นหาตัวกรองโดยคอลเลกชัน jQuery ทุกรุ่น <ul> องค์ประกอบ
วิธีการคืน <ul> องค์ประกอบกับ jQuery วัตถุลูกหลานทั้งหมด <span> องค์ประกอบ

นำเสนอโดยลูกหลานของแท็กชื่อขององค์ประกอบ
สาธิต <div> ลูกหลานองค์ประกอบ


วิธีการสำรวจเส้นทาง jQuery วิธีการสำรวจเส้นทาง jQuery