这段 jquery 代码有什么问题

Question

您好，我正在使用以下代码通过 jquery 应用 css 的多个属性。我的代码是

$("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

text-decoration 是无效的属性名称，除非它作为字符串括在引号中：

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

对象属性必须括在引号中，除非它们是有效的 Javascript 标识符。对于对象文字中的声明以及使用点表示法进行访问都是如此（因此 object.text-decoration 无效。

Answer 2

您不能在 JavaScript 中使用不带引号的连字符，要修改 text-decoration 使用 textDecoration：

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

或引用它：

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