jquery dom 查找元素
$("div"); // 所有div元素 $(".item"); // class为item的元素 $("#content"); // id为content的元素 $("#content p"); // id为content内的p元素 $("#content p, .item"); // id为content内的p 或 class为item的元素 $("*"); // 文档中所有元素 $("#content > *"); // id为content的直接子元素 $("label + input"); // 返回的是label标签后面直接跟一个input标签的所有input元素 $("div[name]"); // 有属性name的div元素 $('div[name="item"]'); // 属性name 等于 item的div元素 $('[name!="item"]'); // 属性name 不等于 item的元素 $('[name*="box_"]'); // 属性name 包含 box_的元素 $('[name$="_item"]'); // 属性name以_item 结尾 的元素 $('[name^="item_"]'); // 属性name以item_ 开始 的元素 $('a[href*="/detail/"]'); // href包含/detail/的a标签 $('a[href*="/detail/"][name="item"]'); // href包含/detail/ 且name 等于 item的的a标签 $('span:contains("主题")'); // 内容包含 主题 的span元素 $("td:empty"); // 内容为空的td元素 $("div:has(p)"); // 所有含有p标签的div元素 $("td:parent"); // 以td为父节点的元素 $("div:hidden"); // 被hidden的div元素 $("div:visible"); // 可视化的div元素 $(":input"); // 表单输入元素,包括input, textarea, select 和 button $(":text"); // text类型的 input元素 $(":password"); // password类型的 input元素 $(":radio"); // radio类型的 input元素 $(":checkbox"); // checkbox类型的 input元素 $(":submit"); // submit类型的 input元素 $(":reset"); // reset类型的 input元素 $(":button"); // button类型的 input元素 $(":file"); // file类型的 input元素 $(":hidden"); // hidden类型的的input元素或表单的隐藏域 $("input[name='first']:checked"); // 有属性 name='first' 且 checked 的input元素 $("input:not(:checked) + span"); // 未 checked 的input元素的下一个span元素 $(":enabled"); // 可操作的表单元素 $(":disabled"); // 不可操作的表单元素 $(":checked"); // 被checked的表单元素 $("select option:selected"); // select 的子元素中被selected的元素 $("a:last"); // 最后一个a元素 $("tr:first"); // tr元素的第一个 $("p:nth-child(2) a:first"); // 第2个p元素的中的第一个a子元素 $("ul li:nth-child(2)"); // ul的第二个li子元素 $("ul li:nth-child(odd)"); // ul的奇数li子元素 $("ul li:nth-child(3n + 1)"); // ul的第1,4,7个li子元素 $("div span:first-child"); // div元素的第一个span子节点 $("div span:last-child"); // div元素的最后一个span子节点 $("div button:only-child"); // div中只有唯一一个子节点的子节点 $("tr:even"); // tr元素的第0,2,4... ...个元素 $("tr:odd"); // tr元素的第1,3,5... ...个元素 $("td:eq(2)"); // 序号为2的那个td元素 $("td:gt(4)"); // 序号大于4的td元素 $("td:ll(4)"); // 序号小于4的td元素 // 将匹配元素集合缩减为指定范围的子集 $("p").slice(5, 7); $("p").filter(".center"); $("div a").eq(2); $("div a").first(); $("div a").last(); $("div").closest("tr"); $("div").find("tr"); $("div").has("tr"); $(".class").not("tr"); $("div a").next(); $("div a").next(".red"); $("div a").nextAll();
分类:
javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!