How to perform div disable in jquery?

Question

I have a div (a button) to which i need apply disable property when I hover mouse there.

<div class="button">click me</button>

It works fine when i do like below,

 <div id="button" disabled>click me</button>

But i need to apply conditionally in my js,

 $("#button").css("disbale");

Can anyone please help me.Thanks. But i want to disable it only on mouse hower.

Possible duplicate of [jQuery disable/enable submit button](https://stackoverflow.com/questions/1594952/jquery-disable-enable-submit-button) — Mihai Alexandru-Ionut, Jun 02 '17 at 10:39
Possible duplicate of [disable submit button using jquery](https://stackoverflow.com/questions/13194926/disable-submit-button-using-jquery) — Deepak Yadav, Jun 02 '17 at 10:40
You are attempting to disable the `div` which is not possible, seems you want all elements in div to be disabled. check [this](https://stackoverflow.com/questions/15555295/how-to-disable-div-element-and-everything-inside) — Prashant Shirke, Jun 02 '17 at 10:42
just curious, you have a tag `angularjs` in your Qstn, so if you're using angular1.x then it can achieved by `ng-disabled` directive, and you shouldn't be using jquery. If not then please remove the tag.:) — anoop, Jun 02 '17 at 11:03

score 1 · Answer 1 · edited Jun 02 '17 at 11:25

1

Use prop

$("#button").prop("disabled",true);

edited Jun 02 '17 at 11:25

guradio

answered Jun 02 '17 at 10:38

Dinesh undefined

score 1 · Answer 2 · answered Jun 02 '17 at 10:59

1

Try this

$('div').hover(function(){
             $("#button").prop("disabled", true);
        });

answered Jun 02 '17 at 10:59

Anu Sree

For better you could add what is `pop()`? with some reference link .its more helpful for `OP` and also easily to attract the up voter – prasanth Jun 02 '17 at 11:44

score 1 · Answer 3 · answered Jun 02 '17 at 11:10

The mouse event will not get fired on the disabled field in case you want use mouseout function.

$("button").hover(function(){
    $(this).prop("disabled", true)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<button>Click Me</button>
</div>

score 0 · Answer 4 · edited Jun 02 '17 at 10:56

0

Do the following:

$("#button").disabled = true;

edited Jun 02 '17 at 10:56

User6667769

answered Jun 02 '17 at 10:38

Sreetam Das

Morteza Fathnia · Answer 5 · 2017-06-02T11:05:02.717

0

you can use from this code:

  $('button').mouseover(function() {
    $('button').attr('disabled', 'disabled');
  });

edited Jun 02 '17 at 11:05

answered Jun 02 '17 at 10:55

Morteza Fathnia

score 0 · Answer 6 · edited Jun 02 '17 at 11:33

0

Try this : Using JavaScript

document.getElementById("button").disabled = true;

Using JQuery:

$("#button").prop("disabled",true);

edited Jun 02 '17 at 11:33

Sreetam Das

answered Jun 02 '17 at 10:55

Akshay Kapoor

6 Answers6