单击另一个元素时有什么方法可以更改元素的属性吗？例如，考虑这种方法，我有一个像这样的链接：
<a href="#100">Click me!</a>
然后接近它我有这个：
<span id="100" class="clickTarget">Important text</span>
然后在我的 css 文件中我有这个：
.clickTarget:target {
color: #4f8dd5;
}
这意味着每当点击链接时，Important text改变它的颜色。这种方法的问题是页面也会滚动，即使只是一点点。有没有其他方法可以做到这一点而不滚动页面？
如果您认为合适，可以使用 jQuery。
这适用于多个链接：
将你的CSS更改为：
.clickTarget.target {
color: #4f8dd5;
}
给你的链接一个共同的类，即link
$('a.link').on('click', function() {
$('.target').removeClass('target');
var id = $(this).attr('href');
$(id).addClass('target');
return false;
});
http://jsfiddle.net/8S5mD/2/ http://jsfiddle.net/8S5mD/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
