jquery中this的使用說明

2021-06-14 05:04:59 字數 1075 閱讀 4714

在使用jquery操作js時,經常整不明白this與$(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的方法和屬性值。

jquery中filter fn 的使用

jquery中filter fn 給出的官方說明是 篩選出與指定函式返回值匹配的元素集合 這個函式內部將對每個物件計算一次 正如 each 如果呼叫的函式返回false則這個元素被刪除,否則就會保留。這個說明沒有問題,可是給出的例子卻有問題。例子是 html hello how are you?jq...

jQuery中attr 的使用

用法一 選擇器 attr 屬性名 它的作用就是獲取指定元素 選擇器 部分 的指定屬性的值.看例子 有這樣一段html 那麼你要獲取到的位址該怎麼辦呢?這樣 img attr src 就這麼簡單,你用alert或者其它形式輸出一下就看到的位址了.那麼我要取得的描述呢?這樣 img attr alt 夠...

jquery中stop的使用

一 stop 引數為空 程式暫停當前的步驟 如果當前步驟沒有全完執行完,也暫停 繼續後面的步驟,直到結束 二 stop xx 有引數 1 xx為false 通stop 相同,由此可見,stop 預設是false 2 xx為true 程式暫停當前的步驟 如果當前步驟沒有全完執行完,也暫停 不繼續後面的...