How to implement jquery concatenation syntax_jquery

I think everyone who is familiar with JavaScript knows about jquery. As the leading JavaScript framework, many of its features are very exciting. One of them must be mentioned is the unique concatenated writing syntax. So how does it implement it? Let’s implement one too.

Copy code The code is as follows:

sx.$=function (id){
var t=(typeof(id)=="string"?document.getElementById(id):id);
t.text=function(){
return this.innerText? this.innerText:this.innerHTML.replace(//<.*?/>/igm,"");
}
t.html=function(){
return this.innerHTML? this.innerHTML:null;
}
t.first=function(){
return this.firstChild?this.firstChild.nodeName!="#text"?sx.$(this.firstChild): null:null;
}
t.last=function(){
return this.lastChild?this.lastChild.nodeName!="#text"?sx.$(this.lasChild):null: null;
}
t.pre=function(){
return this.previousSibling?sx.$(this.previousSibling):null;
}
t.next=function() {
return this.nextSibling?sx.$(this.nextSibling):null;
}
t.parent=function(){
return this.parentNode?sx.$(this.parentNode ):null;
}
t.setevent=function(e,f){
if(t.attachEvent){
t.attachEvent("on" e,f);
}else{
t.addEventListener(e,f,false);
}
}
t.removeevent=function(e,f){
if(t.dettachEvent){
t.dettachEvent("on" e,f);
}else{
t.removeEventListener(e,f,false);
}
}
t.setstyle=function (s){
var s=s.split(",");
for(var i=0;ivar s1=s[i].split (":");
this.style[s1[0]]=s1[1];
}
}
t.getstyle=function(s){
if(this .currentStyle){
return this.currentStyle[s];
}else{
return document.defaultView.getComputedStyle(this,null).getPropertyValue(s);
}
}
t.selectpath=function(m){
var m1=m;
var m=m.split("/");
var t=[];
var e=this .getElementsByTagName("*");
for(var i=0;ivar e1=e[i]
var a="";
var i1=m.length-1;
while(e1!=this){
a=e1.tagName "/" a;
e1=e1.parentNode;
//alert(a) ;
}
//alert(a);
if(m1.toLowerCase() "/"==a.toLowerCase()){
t.push(sx.$(e[ i]));
}
}
return t;
}
t.get=function(a){
return this.getAttribute(a);
}
t.set=function(a,v){
return this.setAttribute(a,v);
}
t.paste=function(h){
if(typeof( h)=="string"){
var d=document.createElement("span");
d.innerHTML=h;
}else{
var d=document.createElement(" span");
d.appendChild(h);
}
var t1=this.childNodes;
for(var i=0;i alert(t1[i])
this.removeChild(t1[i]);
}
this.appendChild(d);
d.removeNode(false);
}
return t;
}
sx.$$=function(){
var t=[]
for(var i=0;i t.push(sx.$(arguments[i]))
}
return t;
}

The above code is what I recently wrote for a cross-platform javascript framework A piece of core code, you can see that I use recursion to implement concatenation syntax, and continuously call itself in its own method, so as to experiment with closures and enable continuous operation of the object. By the way, I use methods for the t object here, If it is an attribute, it will be displayed in innerHTML.

The exam is coming soon, and I don’t have much time to study and research. Although my major has nothing to do with computers, I still hope that I will not fail the class. Right.
I hope you can correct me if there are any deficiencies in the article.