標籤

ASP.NET MVC (29) Visual C# (15) JQuery (10) Plugins (8) JQuery Plugins (6) JavaScript (6) MySQL (5) CSS (4) LinQ (4) Mac OS (4) CentOS (3) Design Pattern (3) Entity Framework (3) IIS (3) Python (3) Windows (3) php (3) Docker (2) LAMP (2) SQL Server (2) WCF (2) .NET (1) .NET Core (1) AWS (1) Browser (1) GIS (1) IE (1) Internet Security (1) Linux (1) Platform (1) React (1) SEO (1) Testing (1) VMware (1) Windows 7 (1) cookie (1) curl (1) laravel (1) phpBB (1) session (1) 中古屋 (1) 透天 (1) 閒言閒語 (1) 面試 (1) 鳥松 (1)

2011年4月25日 星期一

[JQuery] this 與 $(this) 的差別 (The different between this and $(this) in JQuery)

在JQuery中,this代表目前的DOM對象,$(this)代表我們用JQuery所選取的JQuery對象,
其實this就是最原生的javascript語法,可以把它想像成C#物件中的this就可以,
而$(this)則是使用JQuery選取元素後所代表的該元素本身的JQuery物件。看個例子就可以明白:

例如我們的HTML為:


外觀長這樣:


我們想要使用JQuery操作滑鼠移過與離開input text時顯示訊息:
1. 使用this
$("#UserName").hover(       function() {            this.value = "Hi~ you hover me";       },       fucntion() {           this.value = "Hi~ you leave me";       } );


2. 使用$(this)
$("#UserName").hover(       function() {          $(this).attr("value","Hi~ you hover me");       },       function() {          $(this).attr("value","Hi~ you leave me");       } );


---
兩者如何互相轉換?
$(this)[0] == this

例如:
$("#myDiv")[0] == document.getElementById("myDiv");
---

Refrence:

沒有留言:

張貼留言