mouseover()、mouseout()分别是什么事件？

当鼠标移动到子区域时，不会触发鼠标悬停。

删除容器内的子组件并触发mouseOut。

移动到子区域也会触发 mouseOut。

我自己称了一下。

jq常用方法整理

现在，我们来谈谈jQuery中常用的方法。
使用多年，感触颇深。
首先，您需要了解文档就绪事件。
这称为 $(document).ready(function(){//开始编写你的 jQuery 代码...});这会阻止 jQuery 代码在 DOM 完全加载和解析之前运行。
这非常重要。

接下来常见的DOM事件如click、dblclick、mouseenter、mouseleave等鼠标事件，keypress、keydown、ke yup等键盘事件，form事件submit、change、focus、blur，文档窗口事件如load（加载完成）、resize（改变窗口大小）、scroll（滚动滚动条）、unload（移出窗口）都有事件。
页）。

然后是效果，隐藏和显示，fade（淡入淡出），slide（幻灯片），animate（动画），stop（停止动画），这些操作都很实用。
还有一些非常有用的链式调用可以一次性完成所有操作，例如
$(&3 4 ;p1 &3 4 ;).css(&3 4 ;color&3 4 ;,&3 4 ;red&3 4 ;).slideUp(2 000).slideDown(2 000);
然后是HTML操作，text（文本内容）、（包含HTML的内容）、val（表单值）、attr（属性值），还有添加和删除元素、append（追加到末尾）、prepend（追加到开头）、after（追加到末尾）、before（追加到前面）、remove（删除）、empty（删除子元素）。

使用 CSS、addClass（添加类）、removeClass（删除类）、toggleClass（切换类）、css（设置或返回样式属性）。

最后元素节点，父元素parent（返回父元素）、parents（返回所有祖先元素）、parentsUntil（返回两个元素之间的祖先元素）、子元素children（返回直接子元素）、find（返回所有后代元素）、兄弟元素sibling（返回所有兄弟元素）、next（下一个兄弟）、prev（上一个兄弟）、nextAll（所有后续兄弟）、遍历prevAll。
（所有先前的兄弟元素）、nextUntil（两个元素之间的后续兄弟元素）、prevUntil（两个元素之间的前一个兄弟元素）以及过滤、第一个、最后一个、过滤器、不（不匹配）。

如果你经常使用这些方法，它们就会成为你的第二天性。
说实话，当时我并没有想到自己能理解得这么详细，但是随着时间的推移，我也逐渐明白了。

jQuery中mouseleave和mouseout的区别

你好，你的问题其实有点复杂。
我把它给你。

看，mouseeleave 事件，顾名思义，只有当鼠标离开所选元素时才会被触发。
例如，如果您有一个按钮并单击它，但鼠标保持按下状态而不移动，则它不会触发。
当您举起手时，鼠标完全离开按钮。
是的，此刻就被触发了。

再看看鼠标移出。
这个东西就灵活多了。
当鼠标离开按钮时，无论是直接离开按钮，还是滑动鼠标并停在按钮旁边的小图标上，甚至停在按钮下方的文本上，它都会触发。
只要鼠标离开所选区域。
这就好比你退出一个房间时，无论是直接开门退出，还是退出前触摸门旁边的图片，即使你在外面，门也会响。

所以你看，一个更严格，另一个更宽松。
一个必须完全离开，另一个必须继续参与。

hover的用法

说实话，jQuery中的hover是用来移动鼠标的。
你到底如何使用它？
1 .基本使用 只有两个函数，一种是鼠标向内移动时触发，一种是鼠标向外移动时触发。
例如，写： JavaScript $('myButton').hover( 函数（）{ // 鼠标进入时做什么 $(this).css('背景颜色', '红色'); }, 函数（）{ // 鼠标移出时会发生什么 $(this).css('背景颜色', '蓝色'); } );
你看到了吗？当鼠标向内移动时执行第一个函数，当鼠标向外移动时执行第二个函数。
时间点是鼠标指针接触元素的时间点和离开元素的时间点。

2 .使用单一函数 如果只指定一个函数，则无论鼠标移入还是移出都会执行该函数。
例如： JavaScript $('myButton').hover(function() { $(this).css('背景颜色', '绿色'); });
此时，无论鼠标是否出现，按钮都会变成绿色。

3 使用 .on() 模拟悬停 事实上，hover 是 .on() 的快捷方式。
你可以写： JavaScript $('myButton').on('mouseenter Mouseleave', function(event) { if (event.type === 'mouseenter') { // 鼠标进入时做什么 $(this).css('背景颜色', '红色'); else if (event.type === 'mouseleave') { // 鼠标移出时会发生什么 $(this).css('背景颜色', '蓝色'); } });
看，我们只编写了一个函数，但我们需要确定鼠标是移入还是移出。

4 .注释 1 . 必须先加载jQuery库。
如果未加载，悬停将不起作用。
2 . 选择器必须与其正在处理的元素保持一致。
请不要误会。
3 .为了区分进入和退出，我们需要传递两个函数 4 .如果您只传递一个函数，则该函数将用于进入和退出市场
您已完成。
如果您使用它们，请选择适当的元素，并注意不要混淆开始和结束函数。