JavaScript jQuery Basics Working with jQuery Collections Adding/Removing Classes

Mark Wisdom Reeves
Mark Wisdom Reeves
Full Stack JavaScript Techdegree Student 9,882 Points

Select the submit button by its class and save it to a variable called $submit. Then use the appropriate jQuery method t

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <button type="submit" class="submit-btn">Submit If You Can</button>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js
$submit = $(".submit-btn");
$submit.attr("disabled", "disabled");

2 Answers

Liam Clarke
MOD
Liam Clarke
Treehouse Moderator 19,701 Points

Hi Mark

Your close.

Firstly, always declare variables before you use them to prevent any unwanted errors. Secondly, set the value to true as the disabled attribute is a boolean attribute.

Although, in most browsers, $submit.attr('disabled', 'disabled'); will still work, its consider best practice to set it to true as the attribute accepts a boolean value

const $submit = $('.submit-btn');
$submit.attr('disabled', true);

Hope this helps!