jQuery：选择特定 DIV 下嵌套的所有 DIV
我有一个与此类似的架构：
<div id="container">
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
</div>
我想使用 jQuery 在鼠标进入 #container 时隐藏光标。然而，当嵌套的 div 出现在顶部时，它并不完全那样工作。当鼠标悬停在 #container 中的任何 div 上时，如何隐藏鼠标光标。下面是光标隐藏代码。
$('#container').mouseover(function()
{
$(this).css({cursor: 'none'});
});
I have an architecture similar to this:
<div id="container">
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
</div>
I want to, using jQuery, hide the cursor when the mouse enters #container. However as the nested divs appear on top it doesn't quite work that way. How can I hide the mouse cursor when hovering over any of the divs within #container. Below is the cursor hiding code.
$('#container').mouseover(function()
{
$(this).css({cursor: 'none'});
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我敢说，你可以只针对父级和子级 div 吗？
当然，我还没有对此进行测试，但必须使用类似的方法来更改带有
子项的的光标。您可以使用
children()函数稍微扩展一下。Dare I say it, you could just target both parent and child divs?
Granted I haven't tested this, but had to use a similar method to change the cursor of a
<li>with a<label>child.You could extend this slightly using the
children()function.虽然正确答案有好几个，但我认为这个效率更高。
这样，您仅在
#container上使用一个事件侦听器。Although there are several correct answer, I think this is more efficient.
This way you are only using one event listener, on the
#container.试试这个：
Try this:
使用children()选择器。
Use the children() selector.