jQuery选择器

1，jQuery发展历史：

是一个javascript库，封装的一些常用的操作：

为什么要封装？

1，javascript，DOM非常繁琐

2，浏览器兼容性：非常令人头疼

 

封装一些javascript常用的操作，库

1，prototype：封装javascript常用的对象和函数（功能强大，而且最早的库），缺点（面向对象把握的不是很好）

2，dojo，提供了其他库没有的功能，例如离线存储，SVG绘图，而且他得到了IBM  SUN这些公司的推广。文档不全，学习起来曲线比较陡；

3，ExtJs: 企业级的框架，功能强大（他以jquery做最底层的），缺点：注重的是样式，结构比较臃肿，他不是完全免费，如果需要从事商业用途，需要付费获得许可证

 

 

jQuery:

市场占有率稳步上升，代码比较少，功能强大：DOM比较强大，事件处理，完全解决了浏览器的兼容性问题，ajax操作（比较好）

 

2，jquery对象和DOM对象

Jquery对象可以理解成封装好javascript对象之后的对象

我们要严格区分开jquery对象和javascript的对象

 

使用：

从jquery.com网站下载最新版本

1，在jquery中$就是jquery, $(“#content”)  就是jquery(“#content”)

Jquery的$(document).ready（）和window.onload还是有区别：

（1）window.onload()  需要等到整个页面加载完毕（包括需要的图片等文件都加载完毕）才执行

（2）$(document).ready（）只需要解析器先将文件的DOM结构绘制完毕就执行，不等待其他文件是否加载完毕

 

（3）Window.onload()不可以绑定多个onload()

但是$(document).ready（）可以

 

案例：

通过jquery实现批量绑定事件

 

表格各行换色

 

 

区分开jquery对象和DOM对象

DOM对象----javascript操作的对象                

Jquery对象----将常用的javascript对象封装后形成自己的对象

 

不同的对象有自己不同的方法，所以一定要严格区分开他们的方法

 

为了区分开是DOM对象还是jquery对象，我们是通过声明变量的时候设置的：

通常jquery对象，我们使用 

var $p= jquery对象

Var p= DOM对象

 

转化：

 (1)jQuery对象转化为DOM对象

既然他是封装的javascript的对象，他肯定是一个数组，保存的是对象的集合

通过数组下标的形式转化

[下标]

Get(索引)

（2）DOM对象转化为jquery对象

$() 转化

 

 

3，选择器：

我们设置一个元素的样式，第一步需要找到这个元素，找这个元素的规则，就是选择器（赵某个元素的机器）

jQuery选择器，就是当我们需要给某个元素绑定事件，需要先找到这个元素，找这个元素的规则就是jquery选择器

jQuery选择器，就是当我们需要给某个元素绑定事件，需要先找到这个元素，找这个元素的规则就是jquery选择器

层次选择器：

                                                                    

（1）兄弟元素选择器：

匹配 prev 元素之后的所有 siblings 元素

（2）我们最终匹配的是哪个元素，修改的就是这个元素的样式

 

过滤选择器：

冒号 :

找到所有的元素，然后筛选（通过 ：）来筛选

内容过滤选择器：

我们根据内容筛选出我们需要的元素