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方法是必选的。 

posted on 2015-08-08 08:59  防空洞123  阅读(275)  评论(0)  编辑  收藏  举报

导航