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?
- Cross-Origin Read Blocking (CORB)
- How to replace innerHTML of a div using jQuery?
- What does [object Object] mean?
- Remove class using jQuery
- How do I check whether a checkbox is checked in jQuery?
- How to make history.back() without getting a warning on the browser to reload the page?
- convert Hsl to rgb and hex
- JQuery – $ is not defined
- jQuery: Wait/Delay 1 second without executing code
- How to solve ‘Redirect has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header’?
- jQuery setTimeout() Function [duplicate]
- 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
- What does jQuery.fn mean?
- Nested JSON objects – do I have to use arrays for everything?
- How to find the sum of an array of numbers
- Bootstrap Dropdown menu is not working
- ajax jquery simple get request
- jquery SlideToggle effect in upward direction?
- React – TypeError: Cannot read property ‘props’ of undefined
- How can I determine if a variable is ‘undefined’ or ‘null’?
- jQuery AJAX cross domain
- Set timeout for ajax (jQuery)
- jQuery AJAX submit form
- How can I upload files asynchronously with jQuery?
- How do I format date in jQuery datetimepicker?
- How to use npm jquery module?
- Jquery swipe left or right on mobile
- How to move an element into another element?
- SecurityError: Blocked a frame with origin from accessing a cross-origin frame
- What is causing the error `string.split is not a function`?
- bootstrap-datetimepicker for bootstrap 4
- Proper way to wait for one function to finish before continuing?
- Uncaught TypeError: data.push is not a function
- What is causing the error `string.split is not a function`?
- How do I get an element to scroll into view, using jQuery?
- Uncaught TypeError: Cannot read property ‘top’ of undefined
- How do I check if string contains substring? [duplicate]
- How to check a radio button with jQuery?
- Get current URL with jQuery?
- explode string in jquery
- TypeError: $(…).modal is not a function with bootstrap Modal
- document.getElementsByClassName().innerHTML always returns “undefined”
- How to add a “readonly” attribute to an ?
- JQuery $(“#content”).append not working
- jQuery: Check if div with certain class name exists
- using jQuery $(this).addClass not working, simple code not working
- HTML text input allow only numeric input
- Why is this jQuery click function not working?
- How to use jQuery in chrome extension?
- How to uncheck a radio button?
- Phone mask with jQuery and Masked Input Plugin
- JQuery get all elements by class name
- How to change value of object which is inside an array using JavaScript or jQuery?
- How to detect pressing Enter on keyboard using jQuery?
- Attaching ‘onclick’ event to D3 chart background
- The preferred way of creating a new element with jQuery
- Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
- What is jQuery Unobtrusive Validation?
- How to get height of div in px dimension
- jQuery: Uncaught Error: Syntax error, unrecognized expression
- SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
- How to use in jQuery :not and hasClass() to get a specific element without a class
- What is the best way to remove a table row with jQuery?
- Bootstrap popover is not working
- How to display raw JSON data on a HTML page
- How can I get form data with JavaScript/jQuery?
- How to get unique values in an array
- Only on Firefox “Loading failed for the script with source”
- JQuery get the title of a button
- Trying to load jquery into tampermonkey script
- How to add a button dynamically using jquery
- jQuery if Element has an ID?
- Complex JSON nesting of objects and arrays
- Preloading images with jQuery
- jQuery – Increase the value of a counter when a button is clicked
- Get the size of the screen, current web page and browser window
- How to reload/refresh jQuery dataTable?
- Download a file by jQuery.Ajax
- Defining a HTML template to append using JQuery
- jQuery select option elements by value
- How to change cursor from pointer to finger using jQuery?
- jQuery equivalent of body onLoad
- Simulate a click on ‘a’ element using javascript/jquery
- How can I remove a style added with .css() function?
- How to use aria-expanded=”true” to change a css property
- WordPress loads whole jQuery UI library
- How can I get my Calculate Contact Form 7 field to update with jQuery? [closed]
- Contact Form 7 – Uncaught TypeError: wpcf7.initForm is not a function [closed]
- contact form 7 repeatable fields calculations [closed]
- How to set javascript options for select2 in PHP array of plugin
- how to prevent added meta box from being injected with style=”position: fixed; top: 56px;” at scroll down
- How to run Javascript popup modal in a loop?
- Remove escape characters from JSON string pulled from a database
- WordPress Theme – jQuery JavaScript Library Issue
- Styling parent based on a child element of a child in a WordPress page