如何通過jquery設置css以防止某些動作

Question

請參考下面的鏈接。

How to disable text selection highlighting using CSS?

上述鏈路是有用的禁用選擇的同時拖動。代碼片段。

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

但我不想在這裏使用CSS概念。我想通過jQuery爲特定元素設置這些屬性。我怎樣才能做到這一點 ？

感謝，

溼婆

Answer 1

你可以這樣使用

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

這是更好地使用類，但是

你的CSS類：

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

你jQuery的命令

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

Answer 2

使用.css()

獲取的樣式屬性的第一個元素的值在匹配的元素或每個匹配設置一個或多個CSS屬性元件。

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

或製作類，並使用addClass() ..cleanest方式.. :)

Answer 3

嘗試用.addClass()：

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

Answer 4

假設jQuery和jQueryUI的存在，$("#yourDomElement").disableSelection()將做到這一點