https://www.cnblogs.com/liwenzhou/p/8178806.html -- 教师博客地址
1.jQuery介绍:
1.为什么使用jQuery?
1.简单,开发效率高,不会产生浏览器的差异化
2.jQuery是什么?
1.前端的一个类库,插件
3.怎么使用?
1.下载JQuery:http://jquery.com/download/
2.导入:先导入才能使用
1.script导入本地文件
2.使用CDN:使用CDN服务商提供的
2.jQuery内容
1.jQuery对象和普通的DOM对象的区别
1.jQuery选择器找到的就是jQuery对象
2.原生的DOM找到的就是DOM对象
3.相互间转换
1.jQuery对象[1] --> DOM对象
2.$('#a1') -->jQuery对象
2.jQuery基本选择器
1.$('#id')
2.$("p")
3.$(".c1")
4.$("*")
5.$("div,p')
6.$("div.c1")
3.层级选择器
1.$("div span")
2.$("div>p")
3.$('label+input')
4.$("div~p")
4.属性选择器
1.$("[title = '骑士计划']")
5.基本筛选器
1. :not() --> $('div:not(.c1)') :找到所有不含c1样式类的div
2. :has() --> $('div:has(.c1)') :找到子子孙孙中有c1样式类的div
3. :first()
4. :last()
5. :eq()
6. :even()
7. :odd()
8. :gt()
9. :lt()
6. 表单筛选器
1. $("input:check")
2. $(":selected")
3. $(":password")
7. jQuery筛选器
1.上一个
1.prev()
2.prevAll()
3.prevUntil()
2.下一个
1.next()
2.nextAll()
3.nextUntil()
3.祖先标签
1.parent()
2.parents()
3.parentsUntil()
4.兄弟标签
1.siblings()
5.子标签
1.children()
6.在子子孙孙中查找
1.$('div').find('.c1') --->在子子孙孙中查找c1样式类
7.筛选
1.$("div").filter('.c1') -->筛选所有有c1样式类的