Jquery链式编程及Index()详解

　　Jquery中的方法基本上都可以返回一个Jquery对象，

　　　　如：

<body>
    <div class="divcontent">
        <p>中国</p>
        <div class="border">
            <ul class="ul">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    

    <script>
        $(function(){
            //获取li标签的父亲标签.父标签.上一个兄弟标签的字体修改成美国
            $("li").parent().parent().prev().text("美国");
        });
    </script>

JQ有一种概念叫做链式编程，只要是返回JQ对象就可以一直点下去

　　Index()；

　　　　Index（）返回当前元素在所有兄弟元素里面的索引

<body>
    <div class="divcontent">
        <p>中国</p>
        <div class="border">
            <ul class="ul">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>

    <script>
        $(function(){
            //获取li标签的父亲标签.父标签.上一个兄弟标签的字体修改成美国
            $("li").parent().parent().prev().text("美国");
            $("a").mouseover(function(){
                var p=$(this).index();
                console.log(p);     //永远是0  因为它没有其他的兄弟标签
            });
            
        });
    </script>
</body>