jQuery selector :: selection

Question

Я пишу простое приложение «Flash Cards», которое появляется/исчезает на веб-странице без перезагрузки. Я ищу способ отключить/включить выбор через jQuery, чтобы я не выделял области приложения при многократном нажатии на него кнопок. Есть ли способ использовать jQuery для установки фона на прозрачность с помощью :: выбора? Я ищу что-то вроде:

$("*::selection").css("background","transparent"); 

вместо того, чтобы писать это в файл CSS:

*::selection {background:transparent;} 

PS Я также заинтересован в выборе конкретных элементов вместо того, чтобы использовать *, если это возможно.

Answer 1

HTML:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> 
<button>Selection toggle</button> 

CSS:

.selection *::selection {background:transparent;} 

JQuery:

$('button').click(function() { 
    $('html').toggleClass('selection'); 
    if (document.selection) { // IE 
     document.selection.empty(); 
    } else if (window.getSelection) { // OTHERS 
     window.getSelection().removeAllRanges(); 
    } 
}); 

jsfiddle