jQuery选择器总结

2019-12-03 15:56:29 浏览数 (2)

不得不说,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文档中的截图,如有错误欢迎指出,互相学习。

0 人点赞