極客學院jquery零基礎入門影片資料分享

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式庫（或JavaScript框架）。 jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動。

《極客學院jquery零基礎入門影片教學》從基礎完全講解，主要包括以下內容： 1，jQuery選擇器2，jQuery事件3，jQuery Dom操作4，jQuery動畫4，jQuery與ajax 5，實例實戰

影片播放位址：http://www.php.cn/course/207.html

本影片學習困難在於：

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的方法和屬性值。

本影片主講老師為極客學院著名年青講師，講課風格符合大多數學習者的學習風格，由點到面，由淺入深，講解的非常詳細。

以上是極客學院jquery零基礎入門影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！