jQuery中鏈式調用原理

來源:互聯網
上載者:User

標籤:元素   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中鏈式調用原理

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.