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方法是必选的。 
  • 相关阅读:
    神奇的HTML5画图应用
    Eclipse REST 库使用
    在应用中使用Ext Loader
    新浪微博XSS攻击事件
    数字图像处理空间变换
    安装制作不用愁—Wise installation入门教程
    ExtJS 4中自定义Grid列标题的对齐方式
    页面的兼容性从认识<!DOCTYPE>开始
    ExtJS 4.1有什么值得期待?
    ExtJS应用架构设计(二)
  • 原文地址:https://www.cnblogs.com/as3lib/p/4712520.html
Copyright © 2011-2022 走看看