Home/ Questions/Q 8882497
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T20:35:40+00:00

Here is the HTML: <html> <head> <script type=text/javascript src=jquery-1.7.2.min.js></script> <script type=text/javascript charset=utf-8 src=jquery-1.7.2.js></script> <script

  • 0

Here is the HTML:

<html>
  <head>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery-1.7.2.js"></script>
    <script type="text/javascript" src="access.js"></script>
  </head>
  <body>
    <button id="trigger"></button>
    <img id= "testElement" style= "position: absolute; border-color: white; top:340px; left:615px;" width="34px" height= "34px" />
  </body>
</html>

And the access.js file is:

$(document).ready( function(){
  $('#trigger').click(function(){
    $('#testElement').src="success.png";
    //THIS WON'T WORK.
    document.getElementById('testElement').src= "success.png";
    //BUT THIS WORKS.
  });
});

I know that if I use $, the return object is a jQuery object. It’s not the same as getElementById. But why the jQuery selector can’t work here?

I need the jQuery object to make more operations like “append/style”…

Thanks.

UPDATE
Too many correct answers appeared at almost the same time… Please give more explanation to let me decide who I should give the credit, thanks!

Sorry for my poor understanding of your correct answers… I just want more details.

Are all the attribute nodes (src/width/height…) not the property of jQuery object? So does the jQuery selector only select DOM Element Node like img/p/li/div node ? (<> causes some error.)

PLEASE TAKE A LOOK AT THE UPDATED INFORMATION…
Thank you!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A jQuery element is a DOM element wrapped in an array-like jQuery object so you have access to all the jQuery methods, but that means you “lose” access to the original DOM methods and properties. You can either use a jQuery method or grab the original DOM element to be able to use the vanilla properties.

    $('#testElement').attr('src', 'success.png');
$('#testElement')[0].src = 'success.png';
                --^-- get DOM element
    • 0