ทำไมเราต้องและวิธีการบันทึก JQuery เลือก?

ออกแบบเว็บสมัยใหม่จะไม่เพียง แต่หลัก พื้นฐานของ HTML ที่ ซีเอสเอและ JavaScript แต่ยังสามารถที่จะทำงานในห้องสมุด JQuery ซึ่งมุ่งเน้นการมีปฏิสัมพันธ์ของ JavaScript กับเอกสารของ HTML ที่จะช่วยให้การเข้าถึงอย่างรวดเร็วองค์ประกอบใด ๆ DOM (อินเตอร์เฟซการเขียนโปรแกรมประยุกต์ที่ให้การเข้าถึงเนื้อหา HTML ไฟล์) และจัดการกับพวกเขา โครงสร้างหน่วยหลักของห้องสมุดเป็นทีม เพื่อที่จะนำไปใช้อย่างใดอย่างหนึ่งหรือทีมอื่น ๆ ที่คุณจะต้อง JQuery เลือก

เตอร์สูตรในห้องสมุด JQuery

เตอร์ใน JQuery ขึ้นอยู่กับการใช้งานใน CSS พวกเขาจะต้องเลือกรายการ HTML ไฟล์จะใช้พวกเขาที่จะทำให้เกิดวิธีการเหล่านี้หรืออื่น ๆ ในการจัดการกับพวกเขา (ทีม) การค้นหาจะดำเนินการโดยผ่านทางตัว $ () ฟังก์ชัน ยกตัวอย่างเช่น $ ( 'div')

เตอร์ที่สามารถแบ่งได้ขึ้นอยู่กับวิธีการเลือกองค์ประกอบ:

• พื้นฐาน
• โดยแอตทริบิวต์;
• ลำดับชั้น;
• เนื้อหา
• ในสถานการณ์นั้น
• ทางเลือกของเขตข้อมูลฟอร์ม;
• คนอื่น ๆ

ตัวเลือกที่สำคัญ

ใน 90% ของกรณีเมื่อใช้ห้องสมุดนี้จะใช้ JQuery เลือกอยู่ในกลุ่มหลัก ทั้งหมดของพวกเขาจะค่อนข้างง่ายและชัดเจน ขอให้เราพิจารณาแต่ละของพวกเขา:

• * - เลือกองค์ประกอบของหน้าทั้งหมดรวมทั้งหัว, ร่างกาย ฯลฯ .
• P / div / แถบด้านข้าง / ... - เลือกองค์ประกอบทั้งหมดที่เกี่ยวข้องกับแท็กที่กำหนดไว้ (เช่นการ p.div แถบด้านข้าง ฯลฯ ... );
• .myClass / p.myClass - เลือกองค์ประกอบที่มีชื่อชั้นที่ระบุ
• # MyID / p # myID -. เลือกคนใดคนหนึ่งรายการที่มีรหัสที่กำหนด

นี่คือตัวอย่าง สมมติว่าเราต้องเลือกองค์ประกอบทั้งหมดในหน้ากับรายการระดับที่ตราไว้หุ้นจะเป็นดังนี้: (. ที่ตราไว้หุ้น) $ ถ้าเพียง แต่องค์ประกอบที่จำเป็นของพีชั้นนี้แล้วเขียน: $ (p.par)

แอตทริบิวต์เตอร์

คุณสามารถใช้ JQuery หลักเลือกถ้าเราจำเป็นต้องเลือกรายการใด ๆ ที่อยู่ในระดับที่มี ID หรือเลือกองค์ประกอบทั้งหมดบนหน้าเว็บ แต่มีกรณีเมื่อรายการไม่มีชั้นเรียนหรือ ID มันเป็นเพราะเรื่องนี้และมีการเลือกโดยแอตทริบิวต์ พวกเขาช่วยให้คุณที่จะทำให้การเลือกในบาง แอตทริบิวต์ของ HTML-องค์ประกอบ เช่น href หรือ src คุณลักษณะนี้จะถูกเขียนใน วงเล็บ []

ตัวอย่างที่ง่าย: $ ([src]) - เลือกองค์ประกอบทั้งหมดที่มีคุณลักษณะ src มันเป็นไปได้ที่จะทำการตัวอย่างโดยการระบุค่าแอตทริบิวต์บาง: $ ([src = 'http: // เว็บไซต์ / บทความ / 132222 / ค่า'])

คุณสามารถใช้บางเตอร์ JQuery ถ้าคุณต้องการที่จะแคบลงสนามของทางเลือก ยกตัวอย่างเช่น $ (หน้า [color = blue] [size = 12]) - ได้รับการคัดเลือกเฉพาะผู้ที่องค์ประกอบพีซึ่งมีสีฟ้าและสีขนาด 12

เนื้อหา selectors

ในกรณีที่ถ้าคุณไม่สามารถเลือกองค์ประกอบตามลักษณะหรือ selectors พื้นฐานคุณควรดูที่เนื้อหาของพวกเขา ในขณะนี้มี 4 ตัวเลือกประเภทนี้:

• : ประกอบด้วย - เลือกรายการที่มีข้อความระบุ;
• : มี - เลือกองค์ประกอบที่มีองค์ประกอบอื่น ๆ ลักษณะของเส้น;
• : ผู้ปกครอง - เลือกองค์ประกอบที่มีอื่น ๆ ;
• : ว่างเปล่า - เลือกองค์ประกอบที่ไม่ได้มีคนอื่น ๆ

นี่คือตัวอย่าง ในการเลือกองค์ประกอบทั้งหมด div ที่มีข้อความของสวัสดีคุณต้องเขียน $ (div: มี ( 'สวัสดี'))

ลำดับชั้น selectors

มีวิธีการเลือกองค์ประกอบใน JQuery คืออีกอย่างก็คือ - ตามลำดับชั้นของพวกเขา (นั่นคืออัตราส่วนของแต่ละอื่น ๆ บน HTML-หน้า) มากของพวกเขาดังนั้นเราจึงนำเสนอสองที่นิยมมากที่สุด, "เด็ก" และ "ลูกหลาน"

ในกรณีแรกองค์ประกอบได้รับการคัดเลือกซึ่งเป็นทายาทสายตรง (ลูก) ขององค์ประกอบที่กำหนด (บรรพบุรุษ) ตัวอย่างเช่นการเลือกองค์ประกอบของรายการในระดับแสงซึ่งเป็นรายการเด็ก nav แล้วคุณจะต้องเขียน: $ (UL # nav> li.light)

กรณีที่สอง - ทั่วไปมากขึ้น มีสามารถเลือกและลูกหลานโดยอ้อมขององค์ประกอบ ตัวอย่างเช่นในการเลือกการเชื่อมโยงภายใน nav รายการกำหนด: $ (UL # nav ก)

ดังนั้นใน JQuery องค์ประกอบสามารถเลือกได้ในรูปแบบต่างๆโดยใช้พารามิเตอร์เช่นชั้น, ID, คุณลักษณะเนื้อหาหรือลำดับชั้นขององค์ประกอบ HTML เอกสาร