03-jQuery选择器

nobility 发布于 2021-11-13 2518 次阅读


jQuery选择器

所有的CSS选择器都可用,选出来的顺序与HTML文档中DOM顺序一致,并且还扩展了一些选择器

选择器 描述
[name!='value'] 选择指定属性不存在或属性值不等于的元素(注意jQuery中所有属性选择器中value部分需要使用引号包裹)
:visible 选择所有可见元素
:hidden 选择所有隐藏的元素
:header 选择所有标题元素,包括(h1-h6)

表单选择器

选择器 描述
:button 选择所有按钮元素
:checkbox 选择所有复选框元素
:radio 选择所有单选框元素
:file 选择所有文件元素
:input 选择所有输入框元素(包含input、textarea、select和button)
:password 选择所有密码输入框元素
:reset 选择所有重置按钮元素
:submit 选择所有提交按钮元素
:text 选择所有单行文本框元素
:image 选择所有图片表单元素
:selected 选择所有被选中的option元素

筛选选择器

位置筛选选择器

选择器 描述
:eq(n) 选择匹配集合中索引为n的元素
:gt(n) 选择匹配集合中索引大于n的元素
:lt(n) 选择匹配集合中索引小于n的元素
:first 选择匹配集合中第一个元素
:last 选择匹配集合中最后一个元素
:odd 选择匹配集合中索引为单号的元素
:even 选择匹配集合中索引为双号的元素

内容筛选选择器

选择器 描述
:parent 选择所有含有子元素或文本元素的父元素
:has(child) 选择所有含有指定子元素的父元素,子元素也是一个选择器
contains(text) 选择所有包含指定字符串的所有元素
:animated 所有正在执行动画效果的元素

过滤器函数

都是对jQuery对象中的元素进行进一步筛选

深度遍历

方法名 描述
jQuery.prototype.find(require) 返回指定要求后代元素的jQuery对象,要求可以是选择器字符串、DOM对象和jQuery对象
jQuery.prototype.children([selector]) 返回所有子代元素的jQuery对象,也可指定子代元素特征,即选择器
jQuery.prototype.parent([selector]) 返回父元素的jQuery对象,也可指定父代元素特征,即选择器
jQuery.prototype.parents([selector]) 返回所有祖先元素的jQuery对象,也可指定祖先元素特征,即选择器
jQuery.prototype.closest(selector) 返回第一个符合条件的祖先元素的jQuery对象
jQuery.prototype.add(node) node节点添加到jQuery对象集合中,该节点可以是DOM对象,jQuery对象,选择器,HTML代码片段
jQuery.prototype.index(node) 返回该node节点在jQuery对象集合中的索引,该节点可以是DOM对象,jQuery对象,选择器,HTML代码片段

广度遍历

方法名 描述
jQuery.prototype.next([selector]) 返回上一个兄弟元素的jQuery对象,也可指定上一个兄弟元素特征,即选择器,也有对应的nextAll()方法上面的全部兄弟
jQuery.prototype.prev([selector]) 返回下一个兄弟元素的jQuery对象,也可指定下一个兄弟元素特征,即选择器,也有对应的prevAll()方法上面的全部兄弟
jQuery.prototype.siblings([selector]) 返回所有兄弟元素的jQuery对象,也可指定兄弟元素特征,即选择器
此作者没有提供个人介绍
最后更新于 2021-11-13