zoukankan      html  css  js  c++  java
  • 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>

      

  • 相关阅读:
    linux 终端相关
    「CF10D」LCIS
    「SP1043」GSS1
    「NOI2009」二叉查找树
    「CF650E」Clockwork Bomb
    「UVA10559」Blocks
    「LuoguP3979」遥远的国度
    「SDOI2015」寻宝游戏
    「CF741D」Arpa’s letter-marked tree and Mehrdad’s Dokhtar-kosh paths
    「CF600E」Lomsat gelral
  • 原文地址:https://www.cnblogs.com/xiaowie/p/10642195.html
Copyright © 2011-2022 走看看