jquery-根据现有结果集得到另一个结果集(后代、祖先或兄弟元素)

1、获取后代元素
  1)children()
    不传参数:得到结果集内所有元素的子元素
    传入选择器:得到结果集内元素的匹配传入选择器的子元素
  2)find()
    传入选择器:得到匹配选择器的后代元素
    传入jQuery、HTMLElement、HTMLElement[]
    得到结果集内所有元素的后代元素与参数对象对应元素的交集
2、获取祖先元素
  1)offsetParent()
    返回祖先元素中第一个其position设为relative或者absolute的元素。
    此方法仅对可见元素有效
  2)parent()
    取得结果集内元素的父元素
    可以通过一个可选的选择器进行筛选
  3)parents()
    取得结果集内元素的祖先元素,可以通过一个可选的选择器进行筛选。
  4)parentsUntil()
    查找当前元素的所有的祖先元素,直到(但不包括)遇到匹配的那个元素才停止
    第一个传入参数:html元素对象,jQuery对象,选择器
    第二个传入参数(可选):选择器(对结果进行筛选)
3、获取兄弟元素快捷
  1)next()
    取得一个包含匹配的元素集合中每一个元素紧邻的下一个同辈元素的元素集合
    可以传入选择器进行筛选
  2)nextAll()
    查找当前元素之后所有的同辈元素
    可以传入选择器进行筛选
  3)nextUntil()
    查找当前元素之后所有的同辈元素,直到(但不包括)遇到匹配的那个元素才停止。
    第一个传入参数:DOMElement,jQuery对象,选择器
    第二个传入参数(可选):选择器(对结果进行筛选)
  4)prev()
    取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合
    可以传入选择器进行筛选
  5)prevAll()
    查找当前元素之前所有的同辈元素
    可以传入选择器进行筛选
  6)prevUntil()
    查找当前元素之前所有的同辈元素,直到(但不包括)遇到匹配的那个元素才停止
    第一个传入参数:DOMElement,jQuery对象,选择器
    第二个传入参数(可选):选择器(对结果进行筛选)
  7)siblings()
    取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合
    可以传入选择器进行筛选

时间: 2024-11-13 09:49:47

jquery-根据现有结果集得到另一个结果集(后代、祖先或兄弟元素)的相关文章

MySQL之SQL语句实现将三个查询结果集拼接成一个表

遇到的问题: 现在利用SQL语句查询得到三个结果集,每一个结果集是两列,具体为排名序号与对应的名字,如下表一.但是现在需要将这三个结果集拼接成为一个表,并且只有一个排名序号. 排名 姓名 1 张三 2 李四 利用SQL语句实现: SELECT rownum, MAX(post1) AS post1,MAX(post2) AS post2,MAX(post3) AS post3FROM(SELECT @rownum1 := @rownum1 + 1 AS rownum, firstname AS

jQuery使用(四):DOM操作之查找兄弟元素和父级元素

查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings()  1.1.1.next()方法用来查找下一个兄弟元素,可以传参也可以不传参.参数可以是任意jQuery选择器,表示如果下一个元素如果是指定的元素就选定.当没有选中指定的元素时,jQuery链式调用还是保持原来的jQuery对象. <!-- next --> <button>点我&

NanUI for Winform 使用示例【第二集】——做一个所见即所得的Markdown编辑器

经过了这一个多星期的调整与修复,NanUI for .NET Winform的稳定版已经发布.应广大群友的要求,现已将NanUI的全部代码开源. GitHub: https://github.com/NetDimension/NanUI Release: https://github.com/NetDimension/NanUI/releases 这次发布的是一个相对稳定的版本,解决和改善了如下问题: 页面随机白屏问题(主要原因是GC自动回收后,造成内存地址不可读) NanUI编译版本改为.NE

jquery增加,移除,修改一个html标签的class类名

jquery增加,移除,修改一个html标签的class名字 一个标签可以指定多个class 1.         增加一个class: $(".default").addClass("hover_s"); 2.         移除一个class: $(".default").removeClass("default "); 3.         修改一个class: 3.1   可以分两步走: 1 先增加一个你要增加的cl

sqlserver ,left join 不仅可以join表,还可以是一个结果集

SELECT MA.NAME AS MakeName , M.ID AS ModelId , M.Name AS ModelName , M.Warranty AS ModelWarranty , S.ID,S.NAME,S.StyleWarranty FROM dbo.Model M INNER JOIN dbo.Make MA ON MA.Id = M.MakeId LEFT JOIN ( SELECT * FROM ( SELECT ROW_NUMBER() OVER ( PARTITIO

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

jQuery 中 ajax 请求数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名和文件图片路径问题 ... ajax01.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ajax小例子 </title> </head> <body> <!--

手把手教你用Docker部署一个MongoDB集群

MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中最像关系数据库的.支持类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引.本文介绍了如何使用Docker搭建MongoDB集群. 本文我会向大家介绍如何使用Docker部署一个MongoDB集群,具体如下: 2.6.5版本的MongoDB 有3个节点的副本集(Replica set) 身份验证 持久化数据到本地文件系统 首先要准备三个运行的Docker服务器,这意味着你

Mongodb 部署一个分片集群

根据下面的任务顺序来部署一个分片集群: 警告 分片和"localhost"地址 如果你使用"localhost"或者是127.0.0.1 作为任一节点标识的主机名部分,例如addShard 方法的host 参数或者是运行时操作 --configdb的值,那么你必须为集群中的所有MongoDB的所有节点设置都使用"localhost"或者是127.0.0.1.如果你把本地地址和远程地址混合使用的话,MongoDB将会出现错误. 启动Config S