JavaScript CSS選擇器

    在2008年以前，瀏覽器中大部分DOM擴(kuò)展都是專有的。此后，W3C將一些己經(jīng)成為事實(shí)標(biāo)準(zhǔn)的專有擴(kuò)展標(biāo)準(zhǔn)化，并寫入規(guī)范中。Selectors API就是由W3C發(fā)布的一個(gè)事實(shí)標(biāo)準(zhǔn)，為瀏覽器實(shí)現(xiàn)原生的CSS選擇器。

    Selector API level 1 (http://www.w3.org/TR/selectors-api/)的核心是兩個(gè)方法：querySelector()和 querySelectorAll(),在兼容瀏覽器中可以通過文檔節(jié)點(diǎn)或元素節(jié)點(diǎn)調(diào)用。目前己完全支持Selectors API Level 1的瀏覽器有 IE8+、Firefox 3.5+、Safari 3.1+、Chrome 和Opera 10+。

    Selector API level 2 (http://www.w3.org/TR/selectors-api2/)規(guī)范為元素增加了 matchesSelector()方法，這個(gè)方法接受一個(gè)CSS選擇符參數(shù)，如果調(diào)用的元素與該選擇符匹配，則返回tme，否則返回false。目前，瀏覽器對(duì)其支持不是很好。

    querySelector()和querySelectorAll()方法的參數(shù)必須是符合CSS選擇符語(yǔ)法規(guī)則的字符串，其中，querySelector()返回一個(gè)匹配元素，querySelectorAll()返回―個(gè)匹配集合。