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>

      

  • 相关阅读:
    元素绑定与非元素绑定
    窗口之间的交互,windows和自定义的窗口集合
    e.which
    prop()和attr()
    web动画
    $.proxy()和$.makeArray()
    匿名自执行函数报错
    页面适配
    gulp
    伪元素和伪类
  • 原文地址:https://www.cnblogs.com/xiaowie/p/10642195.html
Copyright © 2011-2022 走看看