jQuery：选择嵌套在特定DIV下的所有DIV

Question

我的架构类似于：

<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'});
        });

Answer 1

我敢说，你可以只针对父母和孩子的div？

$('#container, #container div').mouseover(function()
{
    $(this).css({cursor: 'none'});
});

当然，我没有对此进行测试，但必须使用类似的方法来更改<li>与<label>子项的光标。

您可以使用children()函数稍微扩展一下。

Answer 2

虽然有几个正确答案，但我认为这样更有效。

$('#container').mouseover(function(){
   $(this).children().andSelf().css('cursor', 'none');
});

这样，您只能在#container上使用一个事件监听器。

Answer 3

试试这个：

$('#container > div').mouseover(function()
{
    $(this).css('cursor', 'none');
});

Answer 4

使用children（）选择器。

$('#container').children().mouseover(function()
    {
        $(this).css({cursor: 'none'});
    });