что не так с этим кодом JQuery

Question

Привет я использую следующий код для применения нескольких атрибутов CSS через JQuery.Мой код

$("div:contains('Awais')").css( {text-decoration : 'underline', cursor : 'pointer'} );

Я получаю ошибку javascript

missing : after property id
$("div:contains(John)").css( {text-dec...: 'underline', cursor : 'pointer'} ); 

Но при удалении свойства text-decoration ошибка исчезает.Что не так с этим кодом

Answer 1

Вы не можете использовать дефис без кавычек в JavaScript, чтобы изменить text-decoration использовать textDecoration:

$("div:contains('Awais')").css( {textDecoration : 'underline', cursor : 'pointer'} );

Или процитируйте это:

$("div:contains('Awais')").css( {'text-decoration' : 'underline', cursor : 'pointer'} );

Answer 2

text-decoration - недопустимое имя свойства, если оно не заключено в кавычки в виде строки:

$("div:contains('Awais')").css( {'text-decoration' : 'underline', cursor : 'pointer'} );

Свойства объекта должны быть заключены в кавычки, если они не являются действительными идентификаторами Javascript.Это верно для объявлений в литералах объекта, а также для доступа с использованием точечной нотации (поэтому object.text-decoration недопустимо.