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方法是必选的。 
  • 相关阅读:
    POJ 3253 Fence Repair STL 优先队列
    P1196 [NOI2002]银河英雄传说 题解
    UVA1316 Supermarket 题解
    P1955 [NOI2015]程序自动分析 题解
    P3807 【模板】卢卡斯定理 题解
    P2480 [SDOI2010]古代猪文 题解
    题解 P4778 【Counting swaps】
    P1313 计算系数 题解
    P3810 【模板】三维偏序(陌上花开)题解
    P1072 Hankson 的趣味题 题解
  • 原文地址:https://www.cnblogs.com/as3lib/p/4712520.html
Copyright © 2011-2022 走看看