jQuery基础—3、控制DIV的选取

下面讲一个DIV选取的案例，鼠标移到DIV上是一个颜色，移出去变一个颜色

我们先创建四个div

添加css样式

其中^=”div”表示选取以div开头的对象，$=则表示以相同字符结尾的。将四个div排列在一排，用float：left属性

看一下什么效果

使用mouseover（鼠标移到上面触发事件），使div变为红色

使用mouseout，鼠标一开始div恢复颜色

使用hover可以包含鼠标移进和移开两个函数，其中$ $(document).ready(function(e)等于$(function())，我们也要知道这一种写法

静态效果

欢迎进群交流258897306或关注公众号“IT群英汇”