使用JavaScript链式编程实现模拟Jquery函数
代码很简单,主要是给大家提供个思路,也算是学习javascript这么长时间的一个小小的练手。
链式编程是将多个操作(多行代码)通过点号"."链接在一起成为一句代码。链式代码通常要求操作有返回值,但对于很多操作大都是void型,什么也不返回,这样就很难链起来了,当然也有解决办法,可能不太优雅。链式编程的新思想在jQuery中已流行使用
<span>Hello,World!</span> <scripttype="text/javascript"> Jq=function(tagName){ vartagArr=document.getElementsByTagName(tagName); varret={ tag:tagArr, css:function(attribute,value){ for(vari=0;i<this.tag.length;i++){ this.tag[i].style[attribute]=value; } returnthis; } } returnret; } window.onload=function(){ Jq("span").css("color","red") .css("border","1pxsolidgreen") .css("padding","10px"); } </script>
有意问的话,就留言,大家共同进步