代码:
// required jquery.min.js $(function() { var $current_tab_menu = $('#main_menu'); $(document).on('mouseover',function(e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.layerY || 0; if($current_tab_menu && $('.has_submenu:hover').length === 0) { console.log(($current_tab_menu.is(':hover')?'Y':'N')); if($current_tab_menu.is(':hover')) $current_tab_menu.show(); else $current_tab_menu.hide(); } else console.log('XY:'+(e.pageX + '---' + e.pageY)); }); })
重点在于,判断的时候用 $('.has_submenu:hover').length === 0 代替 $('.has_submenu').is(':hover')。 原因是当你在 jQuery 1.9中使用.is(“:hover”) 的时候容易参数如下错误提示:
Error: Syntax error, unrecognized expression: unsupported pseudo:
hover
原文/转自: jQuery: 判断指针是否在某元素内 How do I check if the mouse is over an element
相关推荐
Rich, fast, versatile — JavaScript the way it should be!... Used by over half the world’s top 10,000 websites, jQuery is the fastest, most efficient way to add killer functionality to your site.
Used by over half the world’s top 10,000 websites, jQuery is the fastest, most efficient way to add killer functionality to your site. Now in its second edition, you’ll be taken through the ...
在这个"jQuery数字跟指针时钟一体特效.zip"压缩包中,我们看到的是一个结合了数字和指针显示的时钟效果,特别适合用于网页设计,为用户提供直观的时间展示。 这个特效主要涉及以下知识点: 1. **jQuery基础**:...
jQuery Mousewheel是一个插件,主要用于处理网页上的滚轴事件,特别是在使用鼠标滚轮时的滚动行为。这个插件使得开发者可以更加精细地控制用户在页面上滚动时触发的事件,从而实现更丰富的交互效果。 首先,我们要...
《jQuery Mousewheel.js 插件在高版本jQuery中的兼容性及应用》 在现代网页开发中,用户体验成为了至关重要的考量因素。为了提升交互性,许多开发者会利用JavaScript库,如jQuery,来实现丰富的动态效果。其中,...
在AngularJS框架中,`angular.element`是一个非常有用的工具,它允许开发者将DOM元素转换为jQuery对象,从而利用jQuery丰富的API来操作DOM。这在处理复杂的DOM操作或需要与jQuery库进行集成时特别有用。本篇文章将...
《jQuery Mousewheel插件详解与应用实践》 在Web开发中,交互体验是提升用户满意度的关键因素之一。jQuery Mousewheel插件,正如其名,是一个专门用于处理鼠标滚轮事件的工具,它允许开发者捕获并响应用户的滚轮...
在本文中,我们将深入探讨如何使用jQuery和CSS3创建一个带有日期显示的指针时钟。这个项目,称为"jQuery带日期的指针时钟",是一个创新的Web开发技术应用,它能将一个真实钟表的效果完美地融入到网页设计中。 首先...
本篇文章将深入探讨如何使用jQuery来判断一个元素是否具有特定的样式,包括行内样式和类样式。 首先,我们要理解样式在HTML中的两种常见形式:行内样式和类样式。行内样式是直接在HTML元素的`style`属性中定义的,...
本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...
在网页开发中,JavaScript(简称JS)和jQuery库是两个常用的工具,用于操作DOM(文档对象模型)。本文将详细阐述如何使用JS和jQuery获取父级元素、子级元素以及兄弟元素。 首先,让我们看看JS获取这些元素的方法。...
By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression ...
《jQuery CheckTree插件详解与应用》 在Web开发中,我们经常需要处理各种各样的交互元素,其中树形结构的复选框是常见的数据展示和用户交互方式。jQuery CheckTree是一个专门用于创建这种功能的插件,它使得在网页...
这个"一个不错的Mouseenter事件网页特效"很可能是通过JavaScript或者jQuery实现的一个动态效果,当鼠标指针进入某个元素时,它会触发特定的动画或者其他视觉变化。下面将详细介绍Mouseenter事件以及如何在实际项目中...
用jquery获取元素内容需要分两个情况: input 用val(); var value = $(‘#test’).val(); 是否为空的判断方法: if(value.length == 0){} 如果value为空执行的操作 if(value!=”){} 如果value不为空执行的操作 ...
从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...
话不多说,下面就跟着小编来看下利用jquery实现删除数组中重复元素的具体思路吧 首先定义如下数组: var arr=[0,2,3,5,6,9,2]; 我们可以看到数组中... //判断元素是否存在于new_arr中,如果不存在则插入到new_arr的
You will learn how to do all these things within the context of the big picture, by finding out why the components work the way they do, making you well-versed in jQuery UI. What you will learn from...
scrollSensitivity: 30, // px, how near the mouse must be to an edge to start scrolling. scrollSpeed: 10, // px setData: function (/** DataTransfer */dataTransfer, /** HTMLElement*/dragEl) { data...
`mouseover`事件在鼠标指针进入元素或其子元素时触发,而`mouseenter`仅在指针进入元素自身时触发,不会受子元素影响。 **index()方法** `index()`方法用于获取元素在集合中的位置,或查找指定元素在父集合中的索引...