hello 大家好这边想请问大家的不是jquery选择器怎么用而是想探讨下相关问题。小弟现在遇见这么一个问题: 程序接收到一个html文件,由于平台特殊性,木有浏览器一类的东东来解释html文件以及JS。现在能做的是将html文件用CPP解析出其中的数据进行下一环节的应用。 描述应该还算清晰吧? 以前做过WEB的编程,但是不知道jquery的选择器的具体实现原理:比如 $("ElementId")这样获取JQuery对象,是不是做全局遍历? 是对DOM对象做的遍历吧? 效率怎么样呢? 不知道频繁得使用这种遍历效率会怎么样。想问的具体问题: 其实很简单,有哪位知道JQuery具体实现原理,或是有木有较好的文章推荐下,想在几天内用CPP实现JQuery选择器,我头大了好几倍……
你想多了,不能解析的代码就是普通的文本而已,你做什么选择器??根本就没有对像给你选择。选择出文本还差不多,按xml解析该不会有什么错
主要是在jquery对象上扩展的dom操纵的函数方法有些很有用
selector.model = {
template: {
'Id': (/^#(\w+)/), // 1: id
'Class': (/^\.(\w+)/), // 1: class
'Tag': (/^([a-z]+[1-7]*)/i), // 1: tag
'Attr': (/^\[(\w+?)(([~\^\$\*]*=)(['"])(.*?)\4)*\]/), // 1: attr; 3: flag; 5: value;
'Child': (/^>/),
'Sibling': (/^\+/),
'Next': (/^\s+/)
},
byId: function(id) {
return d.getElementById(id)? [d.getElementById(id)] : [];
},
byTag: function(parent, tag) {
var result = [];
var stag = tag? tag : '*'
var temp;
ui.each(parent, function(v, i) {
temp = v.getElementsByTagName(stag);
if(temp) {
result = result.concat(ui.toArray(temp));
}
});
var ss = result;
return result;
},
byChild: function(parent, tag) {
var result = [];
ui.each(parent, function(v, i) {
childs = ui.toArray(v.childNodes);
ui.each(childs, function(vi, ii) {
if(vi.nodeType == 1) {
if(!tag || (tag && vi.nodeName.toLowerCase() == tag)) {
result.push(vi);
}
}
});
});
return result;
},
bySibling: function(nodes, tag) {
var result = [];
var temp;
ui.each(nodes, function(v, i) {
temp = v;
while(temp.nextSibling) {
temp = temp.nextSibling;
if(temp.nodeType == 1) {
if(!tag || tag && temp.nodeName.toLowerCase() == tag) {
result.push(temp);
break;
}
}
}
});
return result;
},
byAttr: function(nodes, k, v, f) {
var result = [];
var fi = f? f : '=';
var vi = v? v : '\[\.\\s\\S]\+';
var reg = fi == '~='? '(^|\\s)' + vi + '(\\s|$)' : fi == '^='? '^' + vi : fi == '$='? vi + '$' : fi == '*='? vi : '^' + vi + '$';
reg = new RegExp(reg);
var ki = ui.browser.ie && k == 'class'? 'className' : k;
var att;
ui.each(nodes, function(vii, i) {
att = vii.getAttribute(ki);
if(att && reg.test(att)) {
result.push(vii);
}
});
return result;
},
byClass: function(nodes, cl) {
var result = [];
var reg = new RegExp("(^|\\s)" + cl + "(\\s|$)");
ui.each(nodes, function(v, i) {
if(v.nodeType == 1 && reg.test(v.className)) {
result.push(v);
}
});
return result;
}
};
querySelectorAll
才是王道