Jquery小案例

1、hover伪类
首先我们来看一下源代码

:hover伪类在鼠标移到元素上时向此元素添加特殊的样式。伪类应用处于悬停状态的元素。对此最常见的例子是将鼠标指针移到添加了伪类的HTML元素边界范围内。理论上，其他元素也可以处于悬停状态，不过 CSS 没有定义究竟是哪些元素。

这个代码案例里面，我们给ID为“p1”的P标签添加了一个伪类效果，首先当鼠标指针移入P标签元素的范围内的时候，它会弹出一个提示框“你进入了 p1！”，当你的鼠标指针移出P标签范围，它会淡出“拜拜！现在你离开了p1!”这段文字。


绑定伪类的时候记得在hover前面加一个：，用类选择器或者ID选择器等等都可用用来绑定伪类。