jQuery Change HTML Parameters on Page Load

Question

When a page loads, how can I change a specific HTML element's parameters using jQuery? For example, in the following HTML, I would like to change type="submit" to type="button" and src="image1.jpg" to src="image2.jpg"

<form class="edit" action="" method="post">
    <input type="text" name="firstName">
    <input type="submit" value="Submit" class="thisOne">
</form>
<img src="image1.jpg">

score 1 · Accepted Answer · answered Jul 24 '14 at 19:47

1

$(window).load(function() {
    $('input[name=firstName]').attr('type', 'button');
    $('img').attr('src', 'image2.jpg');
});

Just one example.

answered Jul 24 '14 at 19:47

Faiz Ahmed

1,083
8
16

Instead of $(window).load, what would be the difference of using $(document).ready? – GTS Joe Jul 24 '14 at 20:15
1

document.ready fires up when HTML-Document is loaded and DOM is read – Faiz Ahmed Jul 24 '14 at 20:29
while .load executes when complete page is fully loaded, including all frames, objects and images – Faiz Ahmed Jul 24 '14 at 20:29
http://stackoverflow.com/questions/8396407/jquery-what-are-differences-between-document-ready-and-window-load – Faiz Ahmed Jul 24 '14 at 20:30

jQuery Change HTML Parameters on Page Load

1 Answers1