jQuery选择器querySelector的使用指南
简介
HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。
用法
两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。
element = document.querySelector('selectors');
elementList = document.querySelectorAll('selectors');
其中参数selectors 可以包含多个CSS选择器,用逗号隔开。
element = document.querySelector('selector1,selector2,...');
elementList = document.querySelectorAll('selector1,selector2,...');
使用这两个方法无法查找带伪类状态的元素,比如querySelector(':hover')不会得到预期结果。
querySelector
element = document.querySelector('div#container');//返回id为container的首个div
element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素
querySelectorAll
该方法返回所有满足条件的元素,结果是个nodeList集合。查找规则与前面所述一样。
elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div
需要注意的是返回的nodeList集合中的元素是非实时的.
相关文章
jquery ajax对特殊字符进行转义防止js注入使用示例
如果有人在留言里写入了js语句,这结语句都会被执行.解决办法就是对这些特殊字符进行转义再显示出来,下面有个不错的示例,感兴趣的朋友可以参考下2013-11-11jquery post方式传递多个参数值后台以数组的方式进行接收
在用jquery的post方式传递多个值时,在后台页面可以用数组形式接收,很不错吧,可以接收多个值啊,接下来介绍实现方法,感兴趣的朋友可以了解下哦2013-01-01JQuery.validate在ie8下不支持的快速解决方法
下面小编就为大家带来一篇JQuery.validate在ie8下不支持的快速解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧2016-05-05
最新评论