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();

 

posted @ 2022-11-16 22:16  carol2014  阅读(75)  评论(0编辑  收藏  举报