首页 > 其他分享 >jquery dom 查找元素

jquery dom 查找元素

时间:2022-11-16 22:24:21浏览次数:65  
标签:jquery name dom 元素 tr item 查找 input div

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

 

标签:jquery,name,dom,元素,tr,item,查找,input,div
From: https://www.cnblogs.com/caroline2016/p/16897754.html

相关文章

  • 20.JQuery基础
    概述1.jQuery提供了强大的元素选择器2.jQuery对css样式操作的支持,可以对class删除增加替换,支持对单个声明的修改3.jquery对DOM进行了封装,极大简化了js对DOM的增删改查......
  • jquery要点
    Jquery用jquery来隐藏、显示、修改结点,并触发动作,进行ajax请求基本语法通过选取HTML元素,并对选取的元素执行某些操作$(selector).action()文档就绪事件$(docu......
  • 代码随想录算法训练营Day01|704. 二分查找、27. 移除元素
    代码随想录算法训练营Day01|704.二分查找、27.移除元素704.二分查找题目链接:704.二分查找首先注意题干的描述:题干描述说明了元素是升序排列的,否则需要调用sort进行......
  • 17.DOM
    修改改变css添加事件......
  • random.randint(min, max)
    python中生成区间随机数的时候,使用的 random.randint(min,max)居然是包括最大数的,又被坑了......
  • 代码随想录算法训练营第一天| 704. 二分查找、27. 移除元素
    目录两道题704.二分查找27.移除元素省流两道题704.二分查找  1、数组算是最简单,也最不抽象的数据结构了。二分法,我也在学习路上听过不少次,所以是实际实现也很快,没有......
  • 代码随想录算法训练营第一天| 704. 二分查找、27. 移除元素。
    今日任务数组理论基础,704.二分查找,27.移除元素1数组理论基础文章链接:https://programmercarl.com/%E6%95%B0%E7%BB%84%E7%90%86%E8%AE%BA%E5%9F%BA%E7%A1%80.html......
  • XMLDOM对象方法:对象事件
    Ondataavailable事件作  用 此事件会在XML文件有效时被触发。基本语法  此一事件有下面三种处理方式. Inline:<element ondataavailable = handler>;. Event pro......
  • element-ui 对话框dialog里使用echarts,报错'dom没有获取到'?
    给el-dialog添加@open="open()"在刚进入页面的时候对话框是关闭的,echarts不进行获取dom,当点击对话框出来的时候,有个opened事件,在这个事件里边进行echarts的初始化,执行数......
  • Go语言中字符串的查找方法小结
    这篇文章主要介绍了Go语言中字符串的查找方法小结,示例的main函数都是导入strings包然后使用其中的方法,需要的朋友可以参考下 1.funcContains(s,substrstring)bool这......