jQuery1

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样式类的