jQ原理

1.

 //jQ对象和原声对象是不同的
        $('#').html()
        document.getElementById('#').innerHTML
        //jQ对象转成原生对象方法
        $('#')[0]
        $('#').get(0)
        //原生转成jQ对象
        $(原生对象)
        //实现

        function $(selector) {
            return new jQuery(selector)
        }

        function Jquery(selector) {
            this.elements = []
            if (selector[0] === '#') {
               elements.push(document.getElementById(selector.substr(0)))
            }
            //在判断className tagname
            if (typeof selector === 'function') {
                document.addEventListener('DomContentLoad', function() {
                    selector()
                })
            }
        }

        //文档就绪函数 DomContentLoad(文档就绪函数可以写多个。window.onload只能写一个 onclick也是后面的覆盖前面的)
        $(function() {
            //和 window.onload不同  这个函数需要等到所有的资源文件加载完才会执行
            //只要页面结构加载完 就会执行
        })

 

posted @ 2020-03-15 15:21  容忍君  阅读(291)  评论(0)    收藏  举报