仅在特定标记上应用 jquery 脚本

Question

我正在使用这个jquery脚本：

$(document).ready(function(){
    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
    //Remove outline from links
    $("a").click(function(){
        $(this).blur();
    });
    //When mouse rolls over
    $("li").mouseover(function(){
        $(this).stop().animate({height:'80px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
    //When mouse is removed
    $("li").mouseout(function(){
        $(this).stop().animate({height:'220px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });
});

.HTML：

<div id="nav1" class="top_nav" style="position:absolute; left:80px;">
    <ul>
        <li class="green">
            <p><a href="#"></a></p>
        </li>
    </ul>

问题：我的问题是：上面的jquery脚本应该只适用于ID为"nav1"的div。但它适用于我在页面中使用的所有"li"

Answer 1

使用它来将 Jquery 应用于 ID 为 "nav1" 的 Div

   $("#nav1 li").click(function(){});

Answer 2

如果您选择$('li')，它将选择页面上的所有列表项，您现在已经了解了这些列表项，而是将div #nav1 中的<li>定位，如下例所示

$("#nav1 li").mouseover(function(){...

附加信息 - jQuery 子选择器