码迷,mamicode.com
首页 > Web开发 > 详细

jQuery中链式调用原理

时间:2017-08-22 19:43:32      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:元素   font   prot   func   nbsp   res   jquer   logs   var   

(1).链式调用

      

1  $("#mybtn").css("width","100px")
2 
3                 .css("height","100px")
4 
5                 .css("background","red");

 

 

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

1 $("#mybtn").css({
2     width:200,
3     height:"200",
4     "background-color":"red"
5 })

 

 

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

 

1 var $result1 = $("div").css("width");
2 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();

 

jQuery中链式调用原理

标签:元素   font   prot   func   nbsp   res   jquer   logs   var   

原文地址:http://www.cnblogs.com/a-ke/p/7413119.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!