Jquery为什么是隐式迭代,链式调用 jquery链式调用的原理

(1).链式调用

      

$("#mybtn").css("width","100px")
                .css("height","100px")
                .css("background","red");

 

(2).在对属性进行操作时建议使用JSON形式控制样式

$("#mybtn").css({
    width:200,
    height:"200",
    "background-color":"red"
})

 

(3).事件中this的指向

//事件中this的指向
			//JQuery中提示了一个方法,该方法可以将原生JS元素对象				转换成JQ对象
			//语法结构:$(原生JS元素对象)
				console.log($(this).html());
			//css方法若传递一个参数可以获取属性名的属性值
			//当使用JQ中的方法取值是一般都无法进行链式调用,
			//原因是方法内部return的已经不是JQ实例本身了
				var $result1 = $("div").css("width");
				console.log($result1);

(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().css().show().hide();