jquery - 如何使用窗口位置设置 div 样式

Question

我有这个代码

<div onclick="location.href='www.example.com'">
  <!--Content Here-->
</div>
<div>
  <!--Content Here-->
</div>

我知道我可以使用 div 的内联 CSS 样式和 location.href 来做类似的事情

<div onclick="location.href='www.example.com';" style="cursor:pointer;">
  <!--Content Here-->
</div>

虽然我不想使用这种方法，因为内联样式以后很难更改

我还可以添加一个 div 的类来处理样式，例如

<div class="location" onclick="location.href='www.example.com';">
  <!--Content Here-->
</div>

.location {cursor:pointer;}

但我想知道是否有某种方法可以使用 CSS 仅以 location.href 为目标 div。我不能使用像 div:first-child 这样的东西，因为我想使用外部样式表来设置它们的样式，所以必须有一种方法来只定位具有 location.href 的样式。如果不是纯粹的 CSS，有没有办法使用 jQuery 来做到这一点？

Answer 1

编辑

这是一个 jquery 解决方案，我认为您正在寻找它。

当然，您可以查找属性及其值:

$('div[onclick^="location.href"]').css('color', 'red');

查找具有 onlick 属性且以 location.href 开头的 div

演示:http://jsfiddle.net/7ME5a/