2016-09-16 88 views
0

我有一个项目,我必须在html中添加悬停效果。它是一个很好的做法与jQuery addClass()方法来做到这一点,或者它做的更好,以手动将其遍布HTML将hover.css中的类添加到jQuery中是否是一个好习惯?

+2

为什么在js中当你可以在css中做到这一点? – guradio

+0

有些情况下jQuery可能是更好的选择。但总的来说,我会同意,* CSS首先*。 – eisbehr

+0

css可以单独使用 – Beginner

回答

0

一般情况下,你会更喜欢使用CSS像这样的而不是JavaScript的简单的效果时,你可以。

在一些特定情况下,JS可能会更好,但这取决于你的情况和你的代码的状态。


从我看到的,我想你会更好地创建一个CSS类,并将其应用于您的HTML代码。不要为此写JS代码。

+0

一般来说,我同意。但是,你怎么能说*但在这里,我建议你创建一个CSS类,并应用*不知道它的代码和用例?你只是在猜测。 – eisbehr

+0

我想这是一个普遍的答案,因为我们无法访问他的代码......也许我有点猜测; P – Mistalis

+0

但是你同意我的观点,我们并不确定。所以不要回答你不认识的事情。 :) – eisbehr

0

“我使用的CSS库hover.css,它使用现成的类。我有很多在我的html在那里我有你使用这些hover.css类(我来补充他们在HTML)的地方。 “

从您的评论来看,如果大家都知道,悬停状态可以通过添加到CSS的元素,而无需实际改变类(甚至加入他们的话)我不知道。

您可以使用CSS :hover pseudo-class在用户将鼠标悬停在其上时更改元素的样式。

CSS

a { 
    color: red; 
} 
a:hover { 
    color: blue; 
} 

在这个例子中,所有<a>标签将被默认为红色,当你将鼠标悬停在他们,他们会变成蓝色。

您可以使用相同的伪类与任何其他普通类:

.my-class { 
    color: pink; 
} 
.my-class:hover { 
    color: green; 
} 

任何元素与类my-class然后将粉红色的,当你徘徊,他们会变成绿色。

<p class="my-class">Hover over me to turn me green</p> 

使用此方法,完全没有必要使用jQuery在元素上切换类以提供悬停状态。我想可能有一些罕见的情况,你可能会因为某种原因想要这样做,但我怀疑你不需要。

相关问题