hover的用法

上周一位客户问我 jQuery 中的悬停函数是做什么用的，我向他解释了这一点。
其实jQuery中的hover函数主要是用来处理鼠标悬停事件的。

首先，它有点像两兄弟，一个负责鼠标进入（mouse Enter），另一个负责鼠标离开（mouseleave）。
使用该函数时，需要给它两个函数参数，一个对应鼠标传入，一个对应鼠标传出。
例如，您编写：
javascript $(选择器).hover(inFunction, outFunction);
这里的InFunction是鼠标进入时执行的函数，outFunction是鼠标离开时执行的函数。

但是，如果您只想编写一个处理鼠标输入和鼠标释放的函数，那么您只需编写一个用于悬停的函数：
javascript $(选择器).hover(handlerInOut);
这里的HandlerInOut是当鼠标移入和移出时将会执行的函数。

事实上，hover函数也是.on()方法的变种。
如果你不使用hover，想用.on()来模拟hover效果，可以这样写：
javascript $(selector).on("mouseenter mouseleave", handlerInOut);
这里需要注意的是，虽然看起来你只是写了一个函数，但实际上你需要在函数内部判断是哪个事件触发的，然后实现不同的逻辑。

最后，在使用hover功能之前，记得先介绍一下jQuery库。
另外，选择器必须正确编写，否则悬停函数将无法找到要处理的元素。
如果要在鼠标进出时执行不同的操作，则需要提供两个函数，否则hover只会使用一个函数来处理两个事件。
反正就看你自己了，这东西用起来还是挺灵活的。

jquery on hover事件怎么写

上周 我查了一下。
中文 jQuery API 文档是 方法http://www.jquery1 2 3 .com/上
第一个参数是事件的名称。
如点击、更改。

第二个参数是执行方法。

悬浮法 第一个是当鼠标移动到元素上时执行的方法。
第二个是鼠标消失后执行的方法。

这些是我写的。
这取决于你。

请问 jquery怎样做鼠标移动到一张图片上或者点击图片，然后交换到另一张图片？

您可以使用 jQuery 自己完成。

$(选择器).on('鼠标悬停', function() { $(this).attr('src', '新照片地址.jpg'); });
例如，向 ID 为 pic 的照片添加事件。

$('pic').on('mouseover', function() { $(this).attr('src', 'http://example.com/newimg.jpg'); });