使用jQuery添加CSS规则

Question

i got a css rule like this:

#imgwrapper {display: block;position: relative;width:auto;height:auto;}

我有一个超链接，当它被点击时，应该像这样为#imgwrapper添加CSS规则：

#imgtarget, #imgwrapper img {cursor:crosshair;}

我该怎么做？

我尝试了jQuery的.css() API，但它没有起作用。

- chrizonline

---

你能否发布一下你尝试过使用.css()的代码？ - icktoofay

请提供一份你的代码示例，说明它目前存在的问题。 - entropo

你尝试过下面的代码了吗？它能正常工作吗？ - kobe

大家好，David Fells的回复有效。之前我错误地这样做了：$('#imgtarget').css('cursor:crosshair'); - chrizonline

Answer 1

See the $.css() function

$('a.whatever').click(function() {
  $('#imgtarget').css('cursor' , 'crosshair');
  $('#imgwrapper img').css('cursor', 'crosshair');
});

- David Fells

---

嗨，大卫，你的解决方案有效。但是如果我想要删除这些CSS属性怎么办？ - chrizonline

嘿，大卫，我找到解决方案了。抱歉我的错.. 我所做的是将值设置为''.. 所以例如：$('#imgtarget').css('cursor' , ''); $('#imgwrapper img').css('cursor', ''); - chrizonline

Answer 2

以下代码应该可以正常工作。

$('#imgwrapper').css('cursor','crosshair')

- kobe