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

原文地址:https://www.cnblogs.com/yangjingyang/p/10443351.html