JQuery 选择器函数

父元素
  • jQuery.parent([selector]) 直接父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") 有人可能会问:一个 DOM 元素的父元素不是只有一个么,为什么还要一个 selector 选择器进行筛选呢?其实一个 jQuery 对象可能包含有很多个 DOM 元素,例如$('a').parent() 就是选择所有 <a> 标签的父元素,这样返回的就是一个元素集,所以可以进行筛选。
  • jQuery.parents([selector]) 类似于jQuery.parents([selector]) 但是是查找所有祖先元素,不限于父元素
  • JQuery.closest([selector]) 本方法用于向上遍历 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的祖先节点,直到找到符合 selector 选择器的节点为止,而不会在继续向上获取满足条件的祖先元素
子元素
  • jQuery.children([selector]) 选择所有直接子元素
  • find([selector]) 递归遍历所有子孙元素
  • jQuery.contents([selector]) 返回元素下的所有内容,包括节点和文本。与children([selector])的区别在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点
之前之后
  • jQuery.prev([selector]) 返回上一个兄弟节点,不是所有的兄弟节点
  • jQuery.prevAll([selector]) 返回所有之前的兄弟节点
  • jQuery.next([selector]) 返回下一个兄弟节点,不是所有的兄弟节点
  • jQuery.nextAll([selector]) 返回所有之后的兄弟节点
  • jQuery.siblings([selector]) 返回兄弟姐妹节点,不分前后
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,043评论 0 9
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,364评论 0 8
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 838评论 0 8
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 625评论 0 1
  • Chapter 2 : Selecting the elements upon which to act 1. $...
    Azur_wxj阅读 403评论 0 1