【js】简单模拟JQuery原理

　　　　　　　

 

　　　　　　　/*

                模拟工厂函数

            */

            function L(selector){

                var eles = document.querySelectorAll(selector);

                var obj =new LQuery();

                eles.forEach(function(item,index){

                    obj[index]=item;

                })

                obj.length=eles.length;

                return obj;

            }

            /*

                模拟Jquery函数对象

            */

            function LQuery(){

               

            }

            LQuery.prototype={

　　　　　　　　setHtml:function(val){

                    if(this.length>0){

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

                            this[i].innerHTML=val;

                        }

                    }else{

                        throw new DOMException("null pointer exception")

                    }

                    return this;

                }

            }

　　　　　　//测试

　　　　　　window.onload=function(){

　　　　　　　　　L("div").setHtml("<h1>test</h1>")

　　　　　　　} 

 

 

　　　　　　//html部分

　　

　　　　　　<div></div>

        　　<div></div>