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> 元素

  • 相关阅读:
    广佛肇城轨年内通车 佛山西站预计2017年中通车
    MTK+Android编译
    电量检测芯片BQ27510使用心得
    放大电路的分析方法
    放大电路的分析方法
    模拟电子放大电路分析
    模拟电子技术二极管
    unsigned 整型实现无溢出运算
    hdu 5317 RGCDQ(前缀和)
    CodeForces 429 B Working out(递推dp)
  • 原文地址:https://www.cnblogs.com/yangjingyang/p/10443351.html
Copyright © 2011-2022 走看看