zoukankan      html  css  js  c++  java
  • jquery选择器 之 获取父级元素,子元素,同级元素

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <link href="style/css.css" rel="stylesheet" type="text/css" />            
    
            <script src="js/jquery-1.7.2.min.js"></script>        
            <script>
                $(document).ready(function(){
                    $(".href_fiv").parent().addClass("div1");
                    $(".href_fiv").css("color","red");
                    //$(".div2").addClass("div1");
                });
            </script>
            
        </head>
        <body>
            <div id="par_div">
                <a id="href_fir" href="#">href_fir</a>
                <a id="href_sec" href="#">href_sec</a>
                <a id="href_thr" href="#">href_thr</a>
            </div>
            <div class="div2">
                <span id="par_span">
                    <a class="href_fiv" href="#">href_fiv</a>
                </span>
            </div>
        </body>
    </html>

    1,jquery选择器 之 获取父级元素 parent();只获取上一层一个父亲,即只获取了par_span,而没有获取div2

    2,html子元素和后代元素有什么区别?

    比如说
    <ul>//我是爷爷 哈哈
    <li>//我是爸爸,
    <a href="">hi,mofe</a>//我是ul的后代元素,li的子元素
    </li>
    <ul>
    隔代元素叫后代元素
    3:children方法获得的仅仅是元素一下级的子元素,即:immediate children。
    4:find方法获得所有下级元素,即:descendants of these elements in the DOM tree
    find(expr) 
       搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

    find()方法是获取匹配元素后代元素的好方法。

    注意:children()只获取一级子元素,而find()将查找所所有子元素

    5:children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。 
  • 相关阅读:
    cf C. Vasya and Robot
    zoj 3805 Machine
    cf B. Vasya and Public Transport
    cf D. Queue
    cf C. Find Maximum
    cf B. Two Heaps
    cf C. Jeff and Rounding
    cf B. Jeff and Periods
    cf A. Jeff and Digits
    I Think I Need a Houseboat
  • 原文地址:https://www.cnblogs.com/as3lib/p/4712520.html
Copyright © 2011-2022 走看看