• JavaScript
มีเครื่องมือ CSS Selector

เครื่องยนต์เลือก CSS ทำให้ง่ายต่อการอย่างใดอย่างหนึ่งหรือหลายองค์ประกอบ DOM สามารถดึง. ในสไตล์ที่จะใช้ตัวอย่างขององค์ประกอบของเนื้อหาที่มี ID # “เนื้อหา” stylen เต้. ใน JavaScript คุณสามารถดึงองค์ประกอบที่มี:

document.getElementById('เนื้อหา')


คุณต้องการเช่นองค์ประกอบของรายการทั้งหมด (<li>) กับชั้น “รายการที่” ขอ, มันจะมีประโยชน์ถ้าคุณสามารถทำต่อไปนี้:

getElementsBySelector('li.item')

เพื่อให้บรรลุนี้จะได้รับ, มีหลายเครื่องยนต์เลือก CSS เขียนเป็น.

เนื้อหา var = document.getElementById('เนื้อหา');

รายการ var = getElementsBySelector('li.item'); 

ห้องสมุด JavaScript

De เครื่องยนต์เลือก CSS (CSE) โดยปกติจะเป็นส่วนหนึ่งของห้องสมุด JavaScript, เช่น jQuery ใช้เครื่องยนต์เสียงดังฉ่า ๆ. แต่ CSE ยังสามารถใช้เป็นอิสระจากห้องสมุด. ตัวอย่างเช่นคุณสามารถใช้ห้องสมุดส่วนตัวและกรอบในการกำหนด.

CSE ที่แรก

jQuery ทำโปรแกรมเมอร์จาวาสคริปต์จำนวนมากคุ้นเคยกับหลักการนี​​้ (ดึงองค์ประกอบตามวิธี CSS). ได้มีการ forerunners ใน jQuery, เช่น:

  • getElementsBySelector() Willison ประตูไซมอน
  • cssQuery() โดยคณบดี Edwards
  • jSelect โดยจอห์น Resig (jQuery ซึ่งจะเกิดขึ้น)
// ตัวอย่างของ cssQuery
// get all links inside the div with id 'nav' 
ลิงก์ var = cssQuery('div#nav a'); 

CSE ปัจจุบัน

เสียงดังฉ่าดูเหมือนว่า CSE จะเป็น, เนื่องจากมีการใช้จำนวนของกรอบที่รู้จักกันดี, jQuery คือ, ต้นแบบและ Dojo. MooTools ได้เลือกที่จะดำเนินการต่อโดยใช้ CSE ของตัวเองเสียงดังฉ่าและไม่ให้รวมอยู่ในกรอบ. นอกจากนี้ยังมีการเรียกร้องทางอินเทอร์เน็ตหลายประการเกี่ยวกับ CSE ของได้เร็วขึ้นและดีกว่าฉ่า ๆ. นี่คือภาพรวมของเครื่องยนต์ที่ทันสมัย​​เลือก CSS คือ:

// ตัวอย่างของร่าเริง
// get all divs containing the class 'example'
ตัวอย่าง var = Peppy.query('div.example'); 

บทความเพิ่มเติมเกี่ยวกับ CSE

บทความที่เกี่ยวข้อง

บทความนี้ไม่ได้รับการตอบ.