zoukankan      html  css  js  c++  java
  • jquery 选择器

    一、基本选择器
     
      ID选择器                   $("#id")
     
      标签选择器                $("ele")
     
      类选择器                   $(".classname")
     
      通配选择器                $("*")
     
      组选择器                   $("select1,select2")
     
    二、层级选择器
     
    1.包含选择器:$(“a b”)在给定的祖先元素下匹配所有后代元素(不受层级限制)
          
    1       $(function(){
    2          $("#box,.pox").css("background","cyan");
    3      })
    2.子选择器:$(“parent>child”)在给定的父元素下匹配所有子元素。
            
    1    $(function(){
    2          $("#box>p").css("background","green");
    3      })
    3.相邻选择器:$(“prev + next”)匹配所有紧接在prev元素后的next元素。
          
          $(function(){
             $(".pox+p").css("background","blue");
         })
    4.兄弟选择器:$(“prev ~ siblings”)匹配prev元素之后的所有sibling元素
        $(function(){
             $("#box .pox~p").css("background","yellow");
     
         })
    三、伪类选择器(从 1 开始记)
     
      :first                   匹配找到的第1个元素
      
      :last                    匹配找到的最后一个元素
      
      :eq()                   匹配一个给定索引值的元素  【 定哪个就从那个以后算】
      
      :even                 匹配所有索引值为偶数的元素  【1为偶数】
      
      :odd                   匹配所有索引值为奇数的元素
      
      :gt(index)           匹配所有大于给定索引值的元素  【大于+1】
      
      :lt(index)            匹配所有小于给定索引值的元素  【含自身】
      
      :not                     去除所有与给定选择器匹配的元素
  • 相关阅读:
    Web自动化测试之滑动验证码的解决方案
    设计模式之单例
    设计模式之原型
    设计模式之建造者
    DG环境RMAN删除归档报错RMAN-08137: archived log not deleted【转载】
    RFS[3]: No standby redo logfiles available for thread 1
    spring-boot之webflux简单入门
    spring-boot-security组件总结补充
    spring-boot启用security组件 · 下
    spring-boot启用security组件 · 中
  • 原文地址:https://www.cnblogs.com/Makeprogresstogether/p/8011476.html
Copyright © 2011-2022 走看看