# Disable an Element Using jQuery (Disable target1 button)

**URL:** <https://forum.freecodecamp.org/t/disable-an-element-using-jquery-disable-target1-button/179881>\
**Category:** General\
**Created:** [March 15, 2018, 3:35pm UTC](https://forum.freecodecamp.org/t/disable-an-element-using-jquery-disable-target1-button/179881 "2018-03-15T15:35:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![segsmart](https://avatars.discourse-cdn.com/v4/letter/s/e47774/32.png) [@segsmart](https://forum.freecodecamp.org/u/segsmart)\
**Post date:** [March 15, 2018, 3:35pm UTC](https://forum.freecodecamp.org/t/disable-an-element-using-jquery-disable-target1-button/179881/1 "2018-03-15T15:35:28Z")

</div>

**Tell us what’s happening:**  
How can I disable target1 button

**Your code so far**

```auto
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("button").prop("disabled, true);

  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

```

**Your browser information:**

Your Browser User Agent is: `Mozilla/5.0 (Windows NT 10.0; rv:58.0) Gecko/20100101 Firefox/58.0`.

**Link to the challenge:**  
[https://www.freecodecamp.org/challenges/disable-an-element-using-jquery](https://www.freecodecamp.org/challenges/disable-an-element-using-jquery)

---

<div class="post-metadata">

**Author:** ![ArielLeslie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arielleslie/32/264841_2.png) [@ArielLeslie](https://forum.freecodecamp.org/u/ArielLeslie)\
**Post date:** [March 15, 2018, 3:37pm UTC](https://forum.freecodecamp.org/t/disable-an-element-using-jquery-disable-target1-button/179881/2 "2018-03-15T15:37:59Z")

</div>

It looks like you’re missing some `"`s

---

<div class="post-metadata">

**Author:** ![segsmart](https://avatars.discourse-cdn.com/v4/letter/s/e47774/32.png) [@segsmart](https://forum.freecodecamp.org/u/segsmart)\
**Post date:** [March 15, 2018, 3:46pm UTC](https://forum.freecodecamp.org/t/disable-an-element-using-jquery-disable-target1-button/179881/3 "2018-03-15T15:46:31Z")

</div>

i got it now. I use  
$("#target1").prop(“disabled”, true)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 6:02pm UTC](https://forum.freecodecamp.org/t/disable-an-element-using-jquery-disable-target1-button/179881/4 "2021-01-16T18:02:21Z")

</div>