JQ链式调用

1. 链式调用
形式：

$(".box").css("width","200px").css("height","200px").css("background-color","green")

2. 对属性进行操作可以使用JSON形式

     

 $(".box").css({
        "width":"200px",
        "height":"200px",
        "background-color":"green"
    })

3. 事件中的this指向

JQuery中提供了一个方法，可以将js对象转换为jQuery对象

语法结构：$(原生js对象)

4. 链式调用的原理

var MyJQ = function(){

    }
    MyJQ.prototype = {
        css:function(){
            console.log("设置css样式");
            return this;
        },
        show:function (){
            console.log("元素将无法显示");
            return this;
        },
        hide:function(){
            console.log("将元素隐藏");
        }
    }
    var myjq = new MyJQ()
    myjq.css().show().hide();

总结：实例在调用内部方法的时候，返回当前调用这个方法的实例对对象this就可以了，因为返回了当期内部的this就可以继续访问自己的原型了