jQuery中的this用法

在使用jquery操作js時，經常整不明白this與$(this)。抽空仔細測試了一把，記錄下來以供在忘記的時候拉出來參考參考！

原來js中的this這麼好用

$(document).ready(function())

}) })

$(this)生成的是什麼

$()生成的是什麼呢？實際上$()=jquery()，那麼也就是說返回的是乙個jquery的物件。

題外話：通常我們為了簡便直接使用$(),實際上,該函式省略了乙個引數context,即$(selector)=$(selector,document).如果指定context，可以指定context為乙個dom元素集或者jquery物件。

那麼依照，$()返回的是jquery物件這一結論，我們可以得出$(this)得到的是乙個jquery物件.我們可以使用萬能的alert()方法列印出乙個物件：

alert($('#btn'));

顯示的結果：

該圖紅色框勾選出來的是乙個object，不用考慮，該object自然是jquery的物件咯。也即是說我們用通過$('#btn')來呼叫jquery的方法和屬性等。

this代表什麼？

this，程式設計的人都知道this表示上下文所處的這個物件，這個自然是不錯的，可是這個物件到底是個什麼物件呢？加入js裡面也有gettype的話返回的值會是什麼呢？其實js裡面不需要使用gettype,因為我們有萬能的alert.請看看下面的**：

複製** **如下:

$('#btn').bind("click",function());

根據我們的經驗（因為$()生成的是jquery的物件嘛），this自然是乙個jquery的物件咯。可是我們看看返回的結果：

結論：this，表示當前的上下文物件是乙個html物件，可以呼叫html物件所擁有的屬性，方法

$(this),代表的上下文物件是乙個jquery的上下文物件，可以呼叫jquery的方法和屬性值。