this jq css()原理==>json运用

来源：互联网发布：美国令人感动的知乎编辑：程序博客网时间：2024/06/16 13:21
this
函数自执行 this —> window
对象中 this指向的对象本身
<!DOCTYPE html><html lang="en">    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">        <meta name="Author" content="">        <meta name="Keywords" content="">        <meta name="Description" content="">        <title>json运用</title>        <style type="text/css">            * { margin: 0; padding: 0;}            a {text-decoration: none;}            ul,li { list-style: none;}            body { font-family: "Microsoft yahei"; padding: 100px;}        </style>    </head><body>    <div class="box"></div><script type="text/javascript">    /*        this            函数自执行 this ---> window        对象中            this指向的对象本身     */    /*    var a = 2;    window.a = 2;    function fn(){        var a = 1;        alert(this.a);//this==>window    }    fn();//undefined;==>window.a     */     // this指向的对象本身    /*var person = {        name:"goudan",        age:22,        address:"广州",        phone:"1320251000",        say:function(){            alert("请记住它!!!"+this.name+this.age+this.address);        }    }    person.say();*/    //document.getElementById("box").innerHTML = "请记住它!!!";    $(function(){        $(".box").html("请记住它且理解它!!!").css({"color":"#f60","font-weight":"bold"})    })    function $(param){        if(typeof param == "function"){            window.onload = param;        }else if((typeof param).toLowerCase() == "string"){//$("#box")==>document.getElementById("box").innerHTML = "请记住它!!!";            /*if(param.charAt() == "#"){ //charAt(index) 返回下标的字符,index可选,默认下标0                param = param.substring(1,param.length);//[1,param.length)                var dom = document.getElementById(param);            }else if(param.charAt() == "."){                //param = param.substring(1,param.length);//[1,param.length)                var dom = document.querySelector(param);            }*/            var dom = document.querySelector(param);            /*                !!!!! dom 为json服务             */        }        /*            怎么实现jq链式操作?  只有对象才可以.==>返回对象         */        var json = {            html:function(value){                dom.innerHTML = value;                return this;  //==>json            },            css:function(obj){                for(var attr in obj){                    dom.style[attr] = obj[attr];                }                return this;            }            //单个attr==>css(attr,value)            /*css:function(attr,value){                dom.style[attr] = value;                return this;            }*/        }        return json;    }</script></body></html>
0 0