zoukankan      html  css  js  c++  java
  • jq 2.27案列 选择器

    // div p h123456 ul li * 类名 id class input 元素
    // $("h1").css("color","red",)
    // $("div > p").css("background","red") //<div>元素的直接子元素的所有 <p> 元素
    // $("div p").css("background","red")//<div> 元素的后代的所有 <p> 元素
    // $("div + p").css("background","red")//每个// <div> 元素相邻的下一个 <p> 元素
    // $("div ~ p").css("background","red") // <div> 元素同级的所有 <p> 元素
    // $("ul li:eq(3)").css("background","red") // 列表中的第四个元素(index 值从 0 开始)
    // $("ul li:gt(3)").css("background","red") //列举 index 大于 3 的元素
    // $("ul li:lt(3)").css("background","red") //列举 index 小于 3 的元素
    // $("input:not(:empty)").css("color","red") // 所有不为空的输入元素
    // $("*").css("background","red") // 所有元素
    // $("#asd").css("background","red") // id="asd" 的元素
    // $(".aaa").css("background","red") // id="asd" 的元素
    // $(".intro,.demo").css("background","red") // class 为 "intro" 或 "demo" 的所有元素
    // $(":input").css("background-color","red"); 所有 input 元素
    // p,div h123456元素
    // $("p").css("background","red") 所有 <p> 元素
    // $("h1,div,p").css("background","red") 所有 <h1>、<div> 和 <p> 元素
    // tr元素
    // $("tr:even").css("background","red") 所有偶数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
    // $("tr:odd").css("background","red") 所有奇数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
    // p元素
    // $("p:first").css("background","red") 第一个 <p> 元素
    // $("p:last").css("background","red") 最后一个 <p> 元素
    // $("p:first-child").css("background","red") 属于其父元素的第一个子元素的所有 <p> 元素
    // $("p:first-of-type").css("background","red") 属于其父元素的第一个 <p> 元素的所有 <p> 元素
    // $("p:last-child").css("background","red") 属于其父元素的最后一个子元素的所有 <p> 元素
    // $("p:last-of-type").css("background","red") 属于其父元素的最后一个 <p> 元素的所有 <p> 元素
    // $("p:nth-child(2)").css("background","red") 属于其父元素的第二个子元素的所有 <p> 元素
    // $("p:nth-last-child(2)").css("background","red") 属于其父元素的第二个子元素的所有 <p> 元素,从最后一个子元素开始计数
    // $("p:nth-of-type(2)").css("background","red") 属于其父元素的第二个 <p> 元素的所有 <p> 元素
    // $("p:nth-last-of-type(2)").css("background","red") 属于其父元素的第二个 <p> 元素的所有 <p> 元素,从最后一个子元素开始计数
    // $("p:only-child").css("background","red") 属于其父元素的唯一子元素的所有 <p> 元素
    // $("p:only-of-type").css("background","red") 属于其父元素的特定类型的唯一子元素的所有 <p> 元素

  • 相关阅读:
    Mysql常见索引介绍
    Mysql字段修饰符(约束)
    使用select和show命令查看mysql数据库系统信息
    Mysql5.7数据库介绍
    对Mysql数据表本身进行操作
    各种修改Mysql字符集
    Mysql的安全配置向导命令mysql_secure_installation
    firewalld介绍
    CentOS7使用yum安装mysql5.7
    利用ASP.NET一般处理程序动态生成Web图像(转)
  • 原文地址:https://www.cnblogs.com/yangjingyang/p/10443351.html
Copyright © 2011-2022 走看看