原生的html元素选择器类似jquery选择器_javascript技巧
程序员文章站
2022-04-13 10:46:03
...
做前端,需要选择元素,虽说有jquery和各大js库已经帮我造好了*,但我想试试自己实现一个,正好项目也不忙,正好加入自己的js文件中,下面是实现代码。用$g(“#content .op”)这种格式就可以调用,和jquery $()的参数一样:
function $findChilds(parentNode, text) { //如果不传入父节点的话,默认为body if(parentNode == undefined) parentNode = document.body; var childNodes = parentNode.childNodes; var results = []; //子节点大于零才循环 if(childNodes.length > 0) { var length = childNodes.length; //循环查找符合text的节点 for(var i=0;i
经过在ff ie6下的测试 单纯的选择id比jquery要快很多,
其他的部分选择模式我测试的少数比jquery要快。
当然测试不可能全面,还可能会有bug,而且不支持类似于.content:first-child这样的伪类选择。
上一篇: 数据库中的事务和并发问题的实例讲解
下一篇: mysql备份问题_MySQL
推荐阅读
-
原生的html元素选择器类似jquery选择器
-
原生的html元素选择器类似jquery选择器
-
css3元素简单的闪烁效果实现(html5 jquery)_javascript技巧
-
css3元素简单的闪烁效果实现(html5 jquery)_javascript技巧
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法_javascript技巧
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法_javascript技巧
-
setTimeout内不支持jquery的选择器的解决方案_javascript技巧
-
原生的html元素选择器类似jquery选择器_javascript技巧
-
setTimeout内不支持jquery的选择器的解决方案_javascript技巧
-
原生的html元素选择器类似jquery选择器_javascript技巧