布爾教育jQuery實戰影片資料分享-js教程-PHP中文網

布爾教育jQuery實戰影片資料分享

巴扎黑

發布： 2019-10-09 15:02:28

原創

1437 人瀏覽過

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式庫（或JavaScript框架）。 jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動。我們收集了《布爾教育jQuery實戰影片教學》，希望能夠幫助大家更好的學習jQuery。

布爾教育jQuery實戰影片資料分享

影片播放位址：//m.sbmmt.com/course/319.html

##相關專題推薦：《

jquery實戰影片》

jquery難點總結：

1 jquery綁定事件如何傳遞參數

$("#btn").bind("click",{"id":"111","name":"aaa"}, getData);  
  
function getData(d) {  
    alert(d.data.id);  
    alert(d.data["name"])  
}

登入後複製

2 setTimeout裡怎麼調用物件的方法

setTimeout(    function(self) {      return function() {
        alert(self);//这里面用self代替this      }
    }(this), 1000);

登入後複製

3 this和$(this)的區別

概念：

this表示目前的上下文物件是一個html物件,可以呼叫html物件所擁有的屬性和方法,$(this),代表的上下文物件是一個jquery的上下文物件,可以呼叫jquery的方法和屬性值。

$()產生的是什麼呢？實際上$()=jquery()，就是說回傳的是一個jquery的物件。
通常我們為了簡單直接使用$()。實際上，函數省略了一個參數context。根據選擇器選取符合的物件即$(selector, context)，以jQuery包裝集的形式傳回。 context可以是Dom對象集合或jQuery包裝集，傳入則表示要從context中選擇匹配的對象，不傳入則表示範圍為文檔對象(即頁面全部對象)，即$(selector)=$(selector, document)。
　this指的是，呼叫函數的那個html物件。

範例：

$("#textbox").hover(   
  function() {   
       this.title = "Test";   
  },   
  fucntion() {   
      this.title = "OK”;   
  }   
);

登入後複製

這裡的this其實是一個Html元素(textbox)，this是js中的。 textbox有text屬性，所以這樣寫沒什麼問題。

$("#textbox").hover(   
       function() {   
   $(this).title ＝ "Test";   
       },   
       function() {   
   $(this).title = "OK";   
       }  
);

登入後複製

這裡的$(this)是一個JQuery對象，而jQuery物件沒有title 屬性，因此這樣寫是錯誤的。

總結：
　　this，表示目前的上下文對像是html對象，可以呼叫html對象所擁有的屬性和方法。
　　$(this),代表的上下文物件是一個jquery的上下文對象，可以呼叫jquery的方法和屬性值。

4 app字體自適應

//使用rem策略，不断更新html的fontsize
        (function(){                
            function sizeHtml(){                var size = $(window).width()/16;
                size = size>40?40:size;
                $("html").css("font-size",size+"px");
            }
            sizeHtml();
            $(window).resize(function(){
                sizeHtml();
            })
        })()

登入後複製

以上是布爾教育jQuery實戰影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！