js原生后代选择器_JS封装简单后代选择器

大概思路是这样的：通过判断传过来的参数是什么类型，如果是对象，那这里就是this(因为封装是自己用的，肯定不会随便乱传一个对象过来)，如果是一个函数(匿名函数)，那就是Dom加载(这里先不讲)，如果是字符串，那就是CSS选择器，通过判断是否存在空格，没有就是单一CSS选择器，有就是后代选择器。然后再通过判断是ID选择器，类选择器还是元素选择器来执行具体的操作：

这里创建一个构造函数实现基础库Jr :

function Jr(){

}

在其原型上添加方法：

//获取ID节点

Jr.prototype.getId = function(id){

return document.getElementById(id);

}

//获取CLASS节点数组

Jr.prototype.getClass = function(className, parentNode){

var node = null; //存放父节点

var temps = [];

if(parentNode != undefined){ //存在父节点时

node = parentNode;

} else { //不存在则默认document

node = document;

}

var all = node.getElementsByTagName('*');

for(var i = 0; i < all.length; i++){

//遍历所有节点，判断是否有包含className

if((new RegExp('(\\s|^)' + className + '(\\s|$)')).test(all[i].className)){

temps.push(all[i]);

}

}

return temps;

}

//获取元素节点数组

Jr.prototype.getTagName = function(tag, parentNode){

var node = null; //存放父节点

var temps = [];

if(parentNode != undefined){

node = parentNode;

} else {