- 选择器
- 转换
- jquery对象[0] --> DOM对象(jquery对象转换成DOM对象,只需要在jquery对象后面加[0])
- Dom对象 --> $(DOM对象)(DOM对象转换成jquery对象,只需要使用$()将Dom对象包裹起来即可)
- 基本
- id
$('#id') - class
$('.c1') - 标签
$('a') - 所有
$('*') - 组合选择器(逗号==或)
$('a,.c2,#i10') //所有a标签、class=c2、id=i10的内容
- id
- 层级选择器(空格==且)
- $('#i10 a') //id=i10下面的所有a标签
- parent > child $('#i10 > a') //只寻找i10下一级的a标签
- prev + next
- prev ~ siblings
- 基本筛选器
- :first 获取第一个元素
- :last 获取最后个元素
- :not(selector) 去除所有与给定选择器匹配的元素
- :even 匹配所有索引值为偶数的元素,从 0 开始计数
- :odd 匹配所有索引值为奇数的元素,从 0 开始计数
- :eq(index) 匹配一个给定索引值的元素,从 0 开始计数
- :gt(index) 匹配所有大于给定索引值的元素
- :lt(index) 匹配所有小于给定索引值的元素
- :lang(language) 选择指定语言的所有元素
- :header 匹配如 h1, h2, h3之类的标题元素
- :animated 匹配所有正在执行动画效果的元素
- :focus 匹配当前获取焦点的元素
- :root 选择该文档的根元素
- :target 选择由文档URI的格式化识别码表示的目标元素
- 内容
- :parent 匹配含有子元素或者文本的元素
- :has(selector) 匹配含有选择器所匹配的元素的元素
- :empty 匹配所有不包含子元素或者文本的空元素
- :contains(text) 匹配包含给定文本的元素
- 可见性
- :visible 匹配所有的可见元素
- :hidden 匹配所有不可见元素,或者type为hidden的元素
- 属性
- [attribute] 匹配包含给定属性的元素
- [attribute=value] 匹配给定的属性是某个特定值的元素
- [attribute!=value] 匹配所有不含有指定的属性,或者属性不等于特定值的元素
- [attribute^=value] 匹配给定的属性是以某些值开始的元素
- [attribute$=value] 匹配给定的属性是以某些值结尾的元素
- [attribute*=value] 匹配给定的属性是以包含某些值的元素
- [attrSel1][attrSel2][attrSelN] 复合属性选择器,需要同时满足多个条件时使用
- 表单对象属性
- :enabled 匹配所有可用元素
- :disabled 匹配所有不可用元素
- :checked 匹配所有选中的被选中元素(复选框、单选框等,select中的option)
- :selected 匹配所有选中的option元素
- 转换
WEEK17:jquery开发基础
猜你喜欢
转载自www.cnblogs.com/JYLCSS/p/11789808.html
周排行