jQuery选择器总结

本文作者：IMWeb 一大碗油茶 原文出处：IMWeb社区 未经同意，禁止转载

不得不说，jq是写代码是替代js的一种超级棒的选择。对于刚入门的小白都知道，一般学前端，都要用js写tab切换，大图滚动之类的效果，同样的效果，js大概20-40行不等。jq只需要10行左右。你还在犹豫吗？赶紧学起来！ 先说选择器，要知道js里，也有，就是你给标签起了id，class名，在js里需要获取是一个意思。在jq中很方便，不用写很长的xxx=document.getElementById(‘xxx’)

1.基本选择器

2.层次选择器

3.过滤选择器

4.内容过滤器

5.可见选择器

6.属性选择器

7.子元素选择器

其中nth-child（xn+y）表示：从第y各元素起，选取每第x个元素 例3n+2表示从第二个子元素开始，选取每个第三个的元素 even：偶数 odd：奇数

8.表单元素过滤选择器

表单中选择确切的某个属性的元素，不需要全部都写input

熟练使用选择器是熟练使用jq的前提 图片全部来自个人word文档中的截图，如有错误欢迎指出，互相学习。