我在列表中有几个项目,要突出一个用户通过应用一些CSS样式点击,可能是背景颜色等如何使用jquery突出显示选定的列表项目?
我的HTML看起来像这样:
<ul class="thumbnails">
<li>
<a href="#" class="thumbnail">
<img class="giftthumb" src='thumb1.jpg' alt="">
<span class="gifttitle">Thumb1</span>
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img class="giftthumb" src='thumb2.jpg' alt="">
<span class="gifttitle">Thumb3</span>
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img class="giftthumb" src='thumb3.jpg' alt="">
<span class="gifttitle">Thumb3</span>
</a>
</li>
</ul>
了jQuery检索所选项目:
$('.thumbnail').click(function(e) {
e.preventDefault();
???
})
我从来没有见过类似这样的语法给函数分配一个变量......(例如$ thumbs =) – Paul 2013-03-08 19:15:09
@Paul我添加了一些注释来解释这个移动。 '$ thumbs'基本上会保存'$('。thumbnail')'的结果,因为在jQuery中大多数方法会返回jQuery集合以允许链接。我这样做是因为在点击处理程序中,我不必再为'.thumbnail'元素查询DOM,我已经拥有了它们。如果元素正在改变(我的意思是增加/删除),所以不是静态的,这个方法不会被使用,你应该再次查询DOM。 – kapa 2013-03-08 19:18:33
非常好,谢谢你的信息。我总是在这个网站学习:) – Paul 2013-03-08 19:35:11