“不累，朱哥，本日我须要理解哪方面的知识呢？”
“本日，我们看看常用的鼠标事宜吧！
你平时上网最常用到的鼠标事宜是哪几个？”
小白想了想：“我打开链接须要点击链接，以是点击事宜算是一个，平时浏览网页的时候，如果是图片轮换鼠标移到上面图片轮换就会愣住，是不是鼠标移上去也算一个事宜？”
“恩，没错，我们最常用到的事宜是鼠标的点击事宜（click），其余鼠标移到某个容器上面（mouseover）、鼠标离开某个容器时（mouseout）的事宜也会常常碰着，比如鼠标移动到某个容器上面，让这个容器css样式发生改变，或者让他的html内容发生改变，离开后恢复原来的状态。通过jQuery改变容器的css样式过两天我再跟你说，本日我们还是通过处理容器的html内容进行鼠标事宜的练习吧！
还是用你之前那个原始页面吧！
”
“有时候为了方便，我们会在某个容器上直接写鼠标事宜，比如onclick='js代码'，比如在id为main的div上面可以这样写。”
“小白，你看，main上面我写了一个onclick=\"大众clickme()\"大众，这个意思便是说，当点击main容器的时候去实行clickme函数，clickme函数我不才方的js代码中进行了定义，在这里我用了一个小技巧，用mainHtml存储main原始的文本内容，每调用一次clickme函数num都会加1。在clickme函数内部让main的html内容发生改变，以是你可以看到这样一个效果。”
“现在我们再来看一下鼠标移入和移失事宜。”
“我在main上面写了鼠标移动到main上面的事宜：onmouseover=\"大众overme()\"大众，和鼠标移失事宜：onmouseout=\公众outme()\"大众，他们分别实行overme和outme函数。看一下效果：”
“哇，好神奇！
我现在去练习！
”
“小白，不要焦急，我们只说了在标签上面加事宜，你忘了我们的jQuery了？事宜写到标签上有时会导致代码掩护上的麻烦，以是我们还有一种更好的办法，便是写到js区域里面，这样无论是你自己修正代码，还是别人看代码都会一览无余。在jQuery中利用事宜你须要调用click方法，比如我们把之前的click事宜改成jquery办法：”
“怎么样？通过$(\"大众#main\"大众).click(clickme)就可以实现之前在容器上写事宜的方法，这样做还有一个好处，如果页面上有很多的容器，有时你可能希望换一个其他容器触发clickme，这时只需换一下jQuery选择器的选择办法就可以了！
jQuery里的鼠标移入事宜方法是mouseover，移出是mouseout，你试着把之前的鼠标移入移出改成jQuery办法实现吧！
”
“没问题，我现在就去～～”
想学H5的朋友可以关注老炉，您的关注是我持续更新《小白H5发展之路》的动力！
