JavaScript中的CSS选择器

时间：2014-6-18

  过去,从DOM中选择元素常常有一些小问题.虽然可以使用getElementByTd()和getElementByTagName(),但过于频繁地获取相同元素会导致过多的ODM遍历或过滤.通过允许CSS选择器作为参数,诸如jQuery一类的库解决了这一问题.
  由此为JavaScript带来的显著益处是两个新型本地类函数:querySelector()和querySelectoerAII().这两个函数的工作方式很相似,它们都使用CSS选择器作为参数;而它们之间的区别是querySelector()只选择第一个匹配元素,所以其结果是一个单一节点,而querySelectoryAII匹配元素的所有实例,所以其结果作为Nodelist返回.
  var foo = $('p.foo');