本篇文章给大家带来的内容是关于jquery中的选择器是什么？jquery选择器的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
选择器
选择器是什么
jQuery的选择器是用于定位HTML页面中的元素，其用法最初设计是源于CSS的选择其用法，但是jQuery的选择器进行了扩展，远比CSS的选择器更加强大。
基本选择器
基本选择去具有以下几种：
1.ID选择器
2.元素选择器
3.类选择器
4.通配符选择器
5.组合选择器
示例代码如下：
卧龙学苑前端开发
层级选择器
jQuery的层级选择器具有以下几种：
1.后代选择器 根据给定元素的祖先元素下匹配所有的后代元素
2.子选择器 根据给定的父元素下匹配所有的子元素
3.相邻兄弟选择器 根据给定的目标元素匹配下一个相邻兄弟元素
4.普通兄弟选择器 根据给定的目标元素匹配后面所有兄弟元素
由于jQuery对象是类数组对象，及时匹配的元素只有一个，返回的结果依旧是类数组对象。
示例代码如下：
基本过滤选择器
jQuery的基本过滤选择器具有以下几种：
1.:first过滤选择器 获取第一个元素
2.：last过滤选择器 获取最后一个元素
3.：even过滤选择器 匹配所有索引值为偶数的元素，从0开始
4.：odd过滤选择器 匹配所有索引值为奇数的元素，从0开始
5.:eq（）过滤选择器 匹配一个给定索引值的元素
6.:gt（）过滤选择器 匹配所有大于给定索引值的元素
7.:lt（）过滤选择器 匹配所有小于给定索引值的元素
8.:not（）过滤选择器 去除所有与给定选择器匹配的元素
9.:header过滤选择器 匹配如h1 h2 h3 h4 h5 h6之类的标题元素
10.:animated过滤选择器 匹配正在执行动画效果的元素（由jQuery实现的动画）
示例代码如下：
这是标题
这是标题
卧龙学苑前端开发
内容过滤选择器
jQuery中提供了以下几种内容过滤选择器
1.：contains（）过滤选择器 匹配包含给定位版本的元素
2.：empty过滤选择器 匹配不包含子元素或者文本的空元素
3.：parent过滤选择器 匹配有子元素或者文本的元素
4.：has（）过滤选择去 匹配含有选择器所匹配的元素的元素
示例代码如下：
这是div元素
可见性过滤选择器
1.：hidden过滤选择器 匹配所有不可见元素，或者type为hidde的元素
2.：visible过滤器选择器 匹配所有可见的元素
技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作
卧龙学苑前端开发
属性过滤选择器
1.[attr]过滤选择器 匹配包含给定属性的元素
2.[attr=value]过滤选择器 匹配给定的属性是某个特定值的元素
3.[attr！=value]过滤选择器 匹配不含有特定的属性，或者属性不等于特定值的元素
4.[attr^=value]过滤选择器 匹配给定的属性是以某些值开始的元素
5.[attr$=value]过滤选择器 匹配给定的属性是以某些值结尾的元素
6.[attr*=value]过滤选择器 匹配给定的属性是包含某些值的元素
7.组合过滤选择器 匹配元素需要同时满足多个属性过滤器
子元素过滤选择器
1.：nth-child（）过滤选择器 匹配其父元素下的第N个子或奇偶元素
2.：first-child过滤选择器 匹配第一个子元素
3.：last-child过滤选择器 匹配最后一个子元素
4.：only-child过滤选择器 如果某个元素是父元素中唯一的子元素，就会被匹配
这是id为d1的div元素这是id为d2的div元素这是id为d3的div元素
表单对象属性过滤器
1.：enabled过滤选择器 匹配所有可用元素
2.：disabled过滤选择器 匹配所有不可用元素
3.：checked过滤选择器 匹配所有选中的被选中元素
4.：selected过滤选择器 匹配所有选中的
表单选择器
更多有关于jquery选择器的知识可以参考jquery手册或者去看一下jquery视频教程。
相关推荐：
