this.href vs $(this).attr(‘href’)

by

The href property in plain Javascript will have the semantic attached to it. It returns the destination URL which the link will lead to. It doesn’t matter how it was written (absolute or relative URLs).

When you use the $(this).attr("href") you are retrieving directly the value of href attribute just like any other attribute, so it will return the exact value rendered in the HTML.

For your case then, it’s better to use $(this).attr("href")

If you don’t want to use jQuery, there’s yet another solution, using just plain JavaScript:

this.getAttribute('href')

More Related Contents:

  1. Get the longest text in HTML document using Jquery or javascript
  2. Hide/Show image on one click [closed]
  3. How to move an element into another element?
  4. Convert blob to base64
  5. jquery (or pure js) simulate enter key pressed for testing
  6. Format date to MM/dd/yyyy in JavaScript [duplicate]
  7. Check if an array is empty or exists
  8. Convert JS Object to form data
  9. jQuery: Get selected element tag name
  10. jQuery drop down menu closing by clicking outside
  11. HTML anchor link – href and onclick both?
  12. jQuery pitfalls to avoid [closed]
  13. Save a pre element as PDF with CSS
  14. Retain Twitter Bootstrap Collapse state on Page refresh/Navigation
  15. Input field for Tags separated by comma
  16. Center flex item in container, when surrounded by other flex items
  17. JQuery Ajax Post results in 500 Internal Server Error
  18. jQuery load content when scroll to bottom-100px of page, multiple events fired
  19. Jquery: mousedown effect (while left click is held down)
  20. jQuery: How to listen for DOM changes?
  21. Using jQuery, how do you find only visible elements and leave hidden elements alone?
  22. Remove all attributes
  23. How to get the image size (height & width) using JavaScript
  24. jQuery show/hide options from one select drop down, when option on other select dropdown is slected
  25. How can I remove wrapper (parent element) without removing the child?
  26. Jquery getJSON cross domain problems
  27. closure inside a for loop – callback with loop variable as parameter [duplicate]
  28. How can I include all JavaScript files in a directory via JavaScript file?
  29. Check which element has been clicked with jQuery
  30. How to get read data from response header in jquery/javascript [duplicate]

Leave a Comment