zoukankan      html  css  js  c++  java
  • jquery获得element的方法

    1.find():获得当前元素中每个元素的后代,通过选择器、jQuery对象或元素筛选。

      例如:

    $("p").find("span").css('color','red');//<p>标签下的<span>标签字体颜色为红色。

    2.next():获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

      例如1:

    <body>
      <p>Hello</p>
      <p class="selected">Hello Again</p>
      <div><span>And Again</span></div>
      <p>World</p>
    </body>

       在其中添加next()方法:

    (1) $("p").next(".selected").css("background", "yellow");
    结果为:“Hello Again”背景色为黄色。
    分析:所有<p>标签紧邻同胞(p)的带有selected的选择器的元素。
    
    (2) $("p").next().css("background", "yellow");
    结果为:除了第一个其他”背景色为黄色。
    分析:所有<p>标签紧邻的元素。
    
    (3) $("p.selected").next().css("background", "yellow");
    结果为:"And Again"背景色为黄色。
    分析:带有selected选择器<p>标签紧邻元素。

    注意:匹配的所有元素。返回所有元素的紧邻(指一个)同胞(不一定是一样的标签)。

    3.siblings() :获得匹配集合中每个元素的同胞。

     这个方法和上面的方法仅仅是去掉了“紧邻”,则获得所有同胞元素。

    4.parent(): 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。

      例如:

    <body>
      <div><p selected>Hello</p></div>
      <div class="selected">
        <span>hi</span>
        <div class="se">
          <p>Hello Again</p>
        </div>
      </div>
    <script>
      $("p").parent(".selected").css("background", "yellow");
    </script>
    
    结果:没有元素有背景色。
    分析:先获得<p>所有的元素,获得他们的父元素(一个元素的父元素只有一个),再通过选择器来在这些中选择。

    5.closeset():获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。参数为:element或者selector。

    
    
  • 相关阅读:
    Java高级工程师面试题总结及参考答案
    Java面试通关要点汇总整理【终极版】
    40道Java基础常见面试题及详细答案
    Java方向如何准备BAT技术面试答案(汇总版)
    10-01 Java 类,抽象类,接口的综合小练习--运动员和教练
    div在页面垂直居中方法---增强改进版
    TortoiseSVN切换更改登录账号密码
    09-04 java 接口
    09-03 Java 抽象类
    09-02 java 多态
  • 原文地址:https://www.cnblogs.com/minfan/p/6099239.html
Copyright © 2011-2022 走看看