Javascript 链式调用实现代码(参考jquery)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>Javascript链式调用</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20ele()%7B%20%0D%0Athis.elements%3D%5B%5D%3B%20%0D%0Avar%20element%3B%20%0D%0Aif(typeof%20arguments%5B0%5D%3D%3D%22string%22)%7B%20%0D%0Aelement%3Darguments%5B0%5D%3B%20%0D%0Aif%20(element.slice(0%2C%201)%20%3D%3D%20'%23')%20%7B%20%0D%0Aelement%20%3D%20document.getElementById(element.slice(1))%3B%20%0D%0Athis.elements.push(element)%3B%20%0D%0A%7Delse%20if(element.slice(0%2C1)%3D%3D'.')%7B%20%0D%0Aelement%3Delement.slice(1)%3B%20%0D%0Avar%20es%20%3D%20document.body.getElementsByTagName('*')%3B%20%0D%0Afor%20(var%20i%20%3D%200%2C%20j%20%3D%20es.length%3B%20i%20%3C%20j%3B%20i%2B%2B)%20%7B%20%0D%0Aif%20(element.indexOf(es%5Bi%5D.className)%20!%3D%20-1)%20%7B%20%0D%0A%2F%2Falert(111)%3B%20%0D%0Athis.elements.push(es%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7Delse%7B%20%0D%0Athis.elements%20%3D%20document.getElementsByTagName(element)%3B%20%0D%0A%2F%2Falert(elements%5B0%5D.id)%3B%20%0D%0A%7D%20%0D%0A%7Delse%7B%20%0D%0Aelement%3Dthis%3B%20%0D%0Athis.elements.push(element)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aele.prototype.each%3Dfunction(fn)%7B%20%0D%0Afor(var%20i%3D0%2Cl%3Dthis.elements.length%3Bi%3Cl%3Bi%2B%2B)%7B%20%0D%0Afn.call(this%2Cthis.elements%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0Areturn%20this%3B%20%0D%0A%7D%3B%20%0D%0Aele.prototype.setStyle%3Dfunction(prop%2Cvalue)%7B%20%0D%0Athis.each(function(el)%7B%20%0D%0Ael.style%5Bprop%5D%3Dvalue%3B%20%0D%0A%7D)%3B%20%0D%0Areturn%20this%3B%20%0D%0A%7D%3B%20%0D%0Aele.prototype.show%3Dfunction()%7B%20%0D%0Athis.setStyle(%22display%22%2C%22block%22)%3B%20%0D%0Areturn%20this%3B%20%0D%0A%7D%3B%20%0D%0Awindow.%24%3Dfunction()%7B%20%0D%0Areturn%20new%20ele(arguments%5B0%5D)%3B%20%0D%0A%7D%3B%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="test" class="ttt" style="width:100px; height:100px; background-color:red; display:none;"></div> 
<div class="ttt" style="width:100px; height:100px; background-color:black; display:none;"></div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%24('.ttt').setStyle('width'%2C'300px').show()%3B%20%0D%0A%0D%0A%E3%80%80%E3%80%80%E3%80%80%E3%80%80%20%2F%2F%24('%23test').setStyle('width'%2C'300px').show()%3B%20%0D%0A%0D%0A%E3%80%80%E3%80%80%E3%80%80%E3%80%80%20%2F%2F%24('div').setStyle('width'%2C'300px').show()%3B%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程