細說this和$(this)的區別?

大家在js程式碼的時候,經常會將this和$this混淆,導致很多時候我們寫的程式碼被瀏覽器判定為無效或者非法程式碼,實際上this和$this是兩個完全不同的概念,我們理應將其區分清楚。

方法/步驟

【區別】this是DOM物件,是我們用傳統方法javascript獲得的物件,常用的方法有getElementById()和getElementByTagName()等

細說this和$(this)的區別

【區別】$(this)是jQuery物件,是用jQuery方法獲取到的物件,常用的方法有$(class),$(id),$(p)

細說this和$(this)的區別

【使用方法】因為this和$(this)是兩個不同的物件,所以它們使用起來會有些區別,this作為DOM物件只能使用javascript方法,而$(this)則只能使用jquery方法。例如.html()是jquery的方法,我們用jquery獲取到的物件可以應用這種方法,但是用javascript獲取到的物件不能應用這種方法

細說this和$(this)的區別

【轉換】雖然this和$(this)是不同的物件,但是DOM物件用$包裹的就是jquery物件,這兩種物件是可以相互轉換的。

細說this和$(this)的區別

【例子】獲取img標籤的alt屬性,我們使用this,直接就可以this.alt,而使用$(this)需要用到attr,因為jquery物件是沒有alt屬性的。$(this).attr('alt')

細說this和$(this)的區別

我們在平常寫程式碼的時候,一定不要講jquery方法使用到dom物件上去,不把兩種方法和物件混用就OK了,其中的區別,還是要大家在日常使用過程中仔細分辨,小漁所講的只是對淺層的東西

相關問題答案