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

01-02-2010

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

document.getElementById('content')


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

getElementsBySelector('li.item')

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

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

รายการ 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

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

หมวดหมู่: จาวาสคริปต์
Tags:: , , , , , , ,

ยังไม่มีความคิดเห็น.

ส่งความคิดเห็นของคุณ

  • RSS
  • LinkedIn
  • Twitter