jquery中怎么区分子节点和同级节点。。最好举个简单的实例出来。。感谢了。 

解决方案 »

  1.   

    返回值:Array<Element(s)>ancestor descendant
    概述
    在给定的祖先元素下匹配所有的后代元素
    参数
    ancestorSelector任何有效选择器descendantSelector用以匹配元素的选择器,并且它是第一个选择器的后代元素示例
    描述:
    找到表单中所有的 input 元素HTML 代码:
    <form>
      <label>Name:</label>
      <input name="name" />
      <fieldset>
          <label>Newsletter:</label>
          <input name="newsletter" />
     </fieldset>
    </form>
    <input name="none" />jQuery 代码:
    $("form input")结果:
    [ <input name="name" />, <input name="newsletter" /> ]
      

  2.   

    返回值:Array<Element(s)>ancestor descendant
    概述
    在给定的祖先元素下匹配所有的后代元素
    参数
    ancestorSelector任何有效选择器descendantSelector用以匹配元素的选择器,并且它是第一个选择器的后代元素示例
    描述:
    找到表单中所有的 input 元素HTML 代码:
    <form>
      <label>Name:</label>
      <input name="name" />
      <fieldset>
          <label>Newsletter:</label>
          <input name="newsletter" />
     </fieldset>
    </form>
    <input name="none" />jQuery 代码:
    $("form input")结果:
    [ <input name="name" />, <input name="newsletter" /> ]
      

  3.   

    就举个例子:
    <ul id="ulone">
       <li>accp1</li>
       <li>aptech1</li>
    </ul>
    <ul id="ultwo">
       <li>accp2</li>
       <li>aptech2</li>
    </ul>
    id为ulone 的同级节点是id为ultwo的ul
    ulone的子节点(两个li)为同级节点
    看同级节点和子节点的关键是看看它是否包含其它内容或者被其它内容包含,但是,前提是包含 或者被包含的DOM元素类型一样。嘎嘎、