Estoy tratando de hacer un marcador de JavaScript que actúe como un marcador, cambiando el fondo del texto seleccionado en una página web a amarillo cuando se presiona el marcador.

Estoy usando el siguiente código para obtener el texto seleccionado, y funciona bien, devolviendo la cadena correcta

function getSelText() {
var SelText = '';
if (window.getSelection) {
    SelText = window.getSelection();
} else if (document.getSelection) {
    SelText = document.getSelection();
} else if (document.selection) {
    SelText = document.selection.createRange().text;
}
return SelText;

}

Sin embargo, cuando creé una función similar para cambiar el CSS del texto seleccionado usando jQuery, no funciona:

function highlightSelText() {
var SelText;
if (window.getSelection) {
    SelText = window.getSelection();
} else if (document.getSelection) {
    SelText = document.getSelection();
} else if (document.selection) {
    SelText = document.selection.createRange().text;
}
$(SelText).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});

}

¿Algunas ideas?