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

posted @   前端xh  阅读(129)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· 赶AI大潮:在VSCode中使用DeepSeek及近百种模型的极简方法
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
点击右上角即可分享
微信分享提示