In jQuery functions, this
most often refers to the actual DOM element you’re dealing with, whereas $(this)
returns a jQuery object that wraps the element.
In JavaScript, this
always refers to the current scope. Many of jQuery’s functions will set that scope to be the element you’re working with.
For instance
$("#someElement").click(function() { this; // the element itself $(this); // a jQuery wrapper-object around the element });
The point is, that the jQuery object has all the jQuery functions (like .detatch()
or .prependTo()
etc.), while the DOM element is what the browser provides. In the example above, the element would be exactly the same as what you’d get, if you called document.getElementById("someElement")
Related Posts:
- How do I pass the this context to a function?
- How to change CSS using jQuery?
- How to properly use jsPDF library
- How do I redirect to another webpage?
- How do I redirect to another webpage?
- Cross-Origin Read Blocking (CORB)
- jQuery append() vs appendChild()
- How to replace innerHTML of a div using jQuery?
- Uncaught ReferenceError: $ is not defined?
- Uncaught ReferenceError: jQuery is not defined [duplicate]
- How do I check whether a checkbox is checked in jQuery?
- syntax error: unexpected token <
- Error OPTIONS net::ERR_CONNECTION_REFUSED
- ReferenceError: $ is not defined
- Uncaught ReferenceError: jQuery is not defined [duplicate]
- What does [object Object] mean?
- Remove class using jQuery
- How do I check whether a checkbox is checked in jQuery?
- jQuery document.createElement equivalent?
- How to make history.back() without getting a warning on the browser to reload the page?
- JQuery – $ is not defined
- Cannot read property ‘push’ of undefined when combining arrays
- Toggle show/hide on click with jQuery
- convert Hsl to rgb and hex
- Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
- JQuery – $ is not defined
- Cannot read property ‘push’ of undefined when combining arrays
- jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
- How to create a jQuery function (a new jQuery method or plugin)?
- jQuery: Wait/Delay 1 second without executing code
- Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
- Scroll to an element with jQuery
- Download File Using JavaScript/jQuery
- How to solve ‘Redirect has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header’?
- How to deal with net::ERR_SSL_PROTOCOL_ERROR?
- How can I scroll to an element using jQuery?
- jQuery.click() vs onClick
- jQuery setTimeout() Function [duplicate]
- jQuery Get Selected Option From Dropdown
- Disabling and enabling a html input button
- Scroll to an element with jQuery
- Download File Using JavaScript/jQuery
- Check if checkbox is checked with jQuery
- How can I refresh a page with jQuery?
- How can I refresh a page with jQuery?
- Getting Error “Form submission canceled because the form is not connected”
- How to add jQuery code into HTML Page
- How can I get the data-id attribute?
- document.getElementById vs jQuery $()
- Check if checkbox is checked with jQuery
- How to import jquery using ES6 syntax?
- How to filter an array/object by checking multiple values
- What does jQuery.fn mean?
- Getting Error “Form submission canceled because the form is not connected”
- Is there a link to the “latest” jQuery library on Google APIs?
- Setting “checked” for a checkbox with jQuery
- Nested JSON objects – do I have to use arrays for everything?
- How to find the sum of an array of numbers
- Uncaught TypeError: Cannot read property ‘length’ of undefined
- Jquery : Refresh/Reload the page on clicking a button
- Uncaught SyntaxError: Invalid or unexpected token
- Check if element exists in jQuery
- Checking a Url in Jquery/Javascript
- Bootstrap Dropdown menu is not working
- Infinite Scrolling in Asp.Net MVC with jQuery / AJAX Issues
- ajax jquery simple get request
- What are the difference between $(document).bind(‘ready’, function) and $(document).ready(function() {})
- jquery SlideToggle effect in upward direction?
- Change Background color (css property) using Jquery
- jQuery get textarea text
- How can jQuery deferred be used?
- React – TypeError: Cannot read property ‘props’ of undefined
- Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid
- How can I determine if a variable is ‘undefined’ or ‘null’?
- Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
- Disable/enable an input with jQuery?
- Get class name using jQuery
- Uncaught TypeError: $.post is not a function
- jQuery AJAX cross domain
- When and why to ‘return false’ in JavaScript?
- Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
- Set timeout for ajax (jQuery)
- querySelector vs. getElementById
- How to generate a simple popup using jQuery
- What does on() in JavaScript do?
- jQuery AJAX submit form
- jQuery Ajax File Upload
- How to use php code in javascript
- jQuery animate backgroundColor
- How can I upload files asynchronously with jQuery?
- Use images like checkboxes
- Left() function in Javascript or jQuery
- Adding images to a Bootstrap Carousel with AJAX
- How to read xml file contents in jQuery and display in html elements?
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- How do I format date in jQuery datetimepicker?
- AJAX response error: net::ERR_EMPTY_RESPONSE
- How can I print using JQuery
- How to use npm jquery module?
- Jquery swipe left or right on mobile