zoukankan      html  css  js  c++  java
  • Jqurey学习(3)parents的学习

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".ex .hide").click(function(){
    $(this).parents(".d").hide("slow");
    });
    });
    </script>
    <style type="text/css"> 
    div.ex
    {
    background-color:#e5eecc;
    padding:7px;
    border:solid 1px #c3c3c3;
    }
    div.d{
    background-color:#ffffff;
    padding:7px;
    border:solid 1px #c3c3c3;
    }
    
    </style>
    </head>
     
    <body>
    
    <h3>Island Trading</h3>
    <div class="d">
    <p>My Test<br /> 
    <div class="ex">
    <button class="hide" type="button">Hide me</button>
    <p>Contact: Helen Bennett<br /> 
    Garden House Crowther Way<br />
    London</p>
    </div>
    </div>
    
    
    </body>
    </html>

    parents可以取到指定元素的父级元素。

  • 相关阅读:
    百马百担
    穷举
    折叠次数
    判断年份是否是闰年
    定义xy比大小
    1月21日
    1月20日作业-第三题
    1月20日作业-第二题
    1月18日
    1月18日
  • 原文地址:https://www.cnblogs.com/fanxiaojun/p/2672607.html
Copyright © 2011-2022 走看看