How to set css via jquery for preventing some action

Question

Please refer the below link.

How to disable text selection highlighting using CSS?

The above link is useful to disable selection while dragging. code snippet.

.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

but i don't want to use css concept here. i want to set these attributes for particular element via jquery. how can i do this ?

Thanks,

Siva

jQuery has great documentation, I recommend to read it: http://api.jquery.com/css/. — Felix Kling, Mar 25 '13 at 12:19

score 2 · Accepted Answer · answered Mar 25 '13 at 12:23

You can use it like this

("#yourId").css({
           -moz-user-select: none;
           -khtml-user-select: none;
           -webkit-user-select: none;
           user-select: none;
 });

It is better to use class though

Your css class:

.unselectable{
       -moz-user-select: none;
       -khtml-user-select: none;
       -webkit-user-select: none;
       user-select: none;
}

Your Jquery command

$("#yourElementId").addClass('unselectable')

bipen · Answer 2 · 2013-03-25T12:24:49.803

0

use .css()

Get the value of a style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.

$('#elementsId').css({
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
 });

or make a class and use addClass() ..cleanest way..:)

edited Mar 25 '13 at 12:24

answered Mar 25 '13 at 12:17

bipen

36,319
9
49
62

score 0 · Answer 3 · answered Mar 25 '13 at 12:20

0

Try with .addClass():

$(yourelem).addClass('unselectable');

answered Mar 25 '13 at 12:20

Jai

74,255
12
74
103

score 0 · Answer 4 · answered Mar 25 '13 at 12:22

0

assuming jQuery and jQueryUI present, $("#yourDomElement").disableSelection() will do just that

answered Mar 25 '13 at 12:22

lordvlad

5,200
1
24
44

How to set css via jquery for preventing some action

4 Answers4