首页 > 其他分享 >JQuery的父、子、兄弟节点选择器

JQuery的父、子、兄弟节点选择器

时间:2022-09-23 15:56:27浏览次数:47  
标签:JQuery 返回 元素 selector 选择 过滤 同胞 节点 选择器

一、获取祖先级元素
1、parent(selector):返回直接父元素,可选择过滤。
2、parents(selector):返回祖先元素,包括父元素,可选择过滤。
3、closest(selector):返回第一个祖先元素(祖先是父、祖父、曾祖父,依此类推。),从当前元素开始沿 DOM 树向上,可选择过滤。

二、获取兄弟级元素
1、next(selector):返回下一个同胞元素,可选择过滤。
2、nextAll(selector): 返回后面的所有同胞元素,可选择过滤。
3、prev(selector):返回上一个同胞元素(与next相反),可选择过滤。
4、prevAll(selector):返回前面的所有同胞元素(与nextAll相反),可选择过滤。
5、siblings(selector):返回所有同胞元素,不分前后,可选择过滤。

三、获取子孙级元素
1、children(selector):返回直接子元素,可选择过滤。
2、find(selector):返回当前元素的后代,可选择过滤。
3、contents():返回直接子元素,包括被选元素的文本和注释节点。该方法与 children() 方法类似,不同的是它返回的是文本和注释节点。如果在相同的域中,contents() 方法也能访问 iframe 的 HTML。

其他:
1、filter(selector):返回符合一定条件的元素。

标签:JQuery,返回,元素,selector,选择,过滤,同胞,节点,选择器
From: https://www.cnblogs.com/fkbzr1998/p/16723006.html

相关文章

  • 常见的 JQuery 正则表达式以及验证方法
    一、校验数字的表达式1数字:^[0-9]*$ 2n位的数字:^\d{n}$ 3至少n位的数字:^\d{n,}$ 4m-n位的数字:^\d{m,n}$ 5零和非零开头的数字:^(0|[1-9][0-9]*)$ 6非零开头的最......
  • Java I/O流(四)I/O流原理和分类 [节点流,处理流]
    节点流可以从一个特定的数据源读写数据,如FileReader,FileWriter等等处理流(也叫包装流)是“连接”在已存在的流(节点流或处理流)之上,为程序提供更强大的读写功能,如BufferedRea......
  • DOM第4章tab切换和自定义属性节点操作
    tab切换和自定义属性京东tab栏切换<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge">......
  • 如何在k8s工作节点上,查看容器对应的pod的名字?
    在k8s中,所有的容器,工作负载,最终都是要运行到节点上的,以容器的方式运行 那么,如果要在节点上,查看该节点上运行的容器的pod的名字,pod的信息,该怎么查看? 方法非常的简单......
  • jQuery中ajaxPrefilter的应用[设置通用参数]
    $.ajaxPrefilter(function(options,originalOptions,jqXHR){//tm1、tm2表示开始时间、结束时间varrequestType,params,startTime,endTime;requestType=(......
  • CSS 中的选择器类型
    CSS中的选择器类型CSSPhotoby潘卡伊·帕特尔on不飞溅在CSS中,选择器起着至关重要的作用。在这里,您可以根据示例查看选择器的类型。在此之前,了解特异性很重要,......
  • js和jQuery的区别(超级详细)
    1概念1.1js概念JavaScript是用于Web客户端开发的脚本语言。1.2jQuery概念jQuery是一个快速、简洁的JavaScript库,极大的简化了javascript编程。jQuery是js的框架,基......
  • jquery实现文件上传
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><scriptsrc="./lib/jquery.js"></script><title></title></head>......
  • kafka之单节点多Broker部署及使用
    (1)单节点建立多Broker的集群多个server.properties文件表示多个Broker,一个server.properties文件对应一个Brokercpserver.propertiesserver-1.properties(复制一个......
  • JQuery模糊匹配id
    在for循环div标签动态生成id,根据id的值显示或隐藏div标签,就可以用到模糊匹配。[属性名称]匹配包含给定属性的元素[att=value]匹配包含给定属性的元素(大小写区分)[att......