This in jquery _ jquery

Source: Internet
Author: User
When using jquery to operate JavaScript, you often do not understand this and $ (this ). Take the time to test it carefully and record it for reference when you forget it! Originally, this in js is so easy to use.

The Code is as follows:

$ (Document). ready (function (){
Var DragElement = null;
$ ("# Zz"). mousedown (function (){
DragElement = this; // this indicates the $ ("# zz") object.
$ (Document). mousemove (function (){
If you directly export (thismove .css ("left") // because it is in mousemove, this object is not $ ("# zz "),
In this case, use the iterator (dragelement).css ("left") // to get $ ("# zz ")

What is generated by $ (this )?

What is $ () generated? In fact, $ () = jquery (), that is, a jquery object is returned.
Question: we usually use $ () directly for convenience. In fact, this function omitting the context parameter $ (selector) = $ (selector, document ). if context is specified, you can specify context as a dom element set or jquery object.

According to the conclusion that $ () returns the jquery object, we can conclude that $ (this) gets a jquery object. we can print an object using the omnipotent alert () method:
Alert ($ ('# btn '));

The red box of this figure shows an object. You don't need to consider it. This object is a jquery object. That is to say, we use $ ('# btn') to call jquery's methods and attributes.

What does this mean?

This, programmers all know that this indicates the object in which the context is located. this is naturally good, but what is this object? If getType is added to js, what is the returned value? In fact, getType is not required in js, because we have a omnipotent alert. Please take a look at the following code:

The Code is as follows:

$ ('# Btn'). bind ("click", function (){

Alert (this );
Alert ($ (this ));

Based on our experience (because $ () generates jquery objects), this is naturally a jquery object. But let's look at the returned results:

What is returned? Object HTMLInputElement: A great html object. Therefore, we usually report an error when using this. val () Directly or calling the method or attribute specific to jquery through this: Why? Ask! Of course, the html object does not contain attributes or methods. So why is calling this in the context of a jquery object returns an html object instead of a jquery object? After reading the jquery api documentation, it seems that jquery has not performed a special "processing" on this keyword. That is to say, this is in js, rather than being redefined by jquery. So... Of course, this is just my own idea. If you know more about it, you can leave a message to correct it. Let's take a look at the returned results of alert ($ (this); in the above Code. Naturally, it is jquery's object. It is no problem to call jquery's unique methods and attributes here.


This indicates that the current context object is an html object. You can call the attributes and methods of the html object.
$ (This) indicates that the context object is a jquery context object. You can call jquery methods and attribute values.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.