jQuery入门基础知识

JavaScript库的作用与比较。

为了简化JavaScript的开发，诞生了一些JavaScript库。JavaScript库封装了许多预定义的对象和实用功能。它可以帮助用户用Web2.0难以交互的特性构建丰富的客户端页面，并且与主要浏览器兼容。

目前有：个流行的JavaScript库。

jQuery简介

JQuery是继Prototype之后的又一个优秀的JavaScript库。

JQuery idea :写得少做得多。优点如下。

轻量级选手

强大的选择器。

未完成的DOM操作的封装。

可靠的事件处理机制。

完美的Ajax。

出色的浏览器兼容性。

连锁经营模式

……

jQuery: HelloWorld

JQuery对象

jQuery对象是通过jQuery ($())包装DOM对象后产生的对象。

jQuery对象对于jQuery是唯一的。如果一个对象是jQuery对象，它可以使用方法： $(“# persona tab”)。jQuery中的html()。

jQuery对象不能使用DOM对象的任何方法，DOM对象也不能使用JQuery中的任何方法。

惯例：如果你得到一个jQuery对象，你应该添加$。

Var $variable=jQuery对象。

变量=DOM对象。

DOM对象转换为jQuery对象。

对于一个DOM对象，只需要用$ () (jQuery对象是用jQuery包装DOM对象后产生的对象)包装DOM对象，就可以得到一个jQuery对象。

转换后，可以使用jQuery中的方法。

jQuery对象被转换成一个DOM对象。

jQuery对象不能使用DOM中的方法，但是如果JQuery没有封装想要的方法，必须使用DOM对象，那么有两种处理方法如下。

(1) jQuery对象是数组对象，通过[index]可以得到对应的DOM对象。

(2)使用jQuery中的get(index)方法获取对应的DOM对象。

JQuery选择器

选择器是jQuery的基础。在jQuery中，事件处理、遍历DOM和Ajax操作都依赖于选择器。

jQuery选择器：的优点。

简洁的文字。

完善事件处理机制。

基本选择器

基本选择器是jQuery中最常用的选择器，也是最简单的选择器。它通过元素id、类和标签名来查找DOM元素(id在网页中只能使用一次，而类是允许重用的)。

基本选择器示例。

将id为1的元素的背景颜色更改为# bbffaa。

将类为mini的所有元素的背景色更改为# bbffaa。

将元素名称为div的所有元素的背景色更改为#bbffaa。

将所有元素的背景颜色更改为#bbffaa。

将所有span元素和id为2的元素的背景色更改为# bbffaa。

层次选择器

如果想要获取特定的元素，比如后代元素、子元素、相邻元素、兄弟元素等。通过DOM元素之间的层次关系，需要使用层次选择器。

请注意，(“prev ~ div”)选择器只能选择“# prev”元素后面的同级元素；但是jQuery中的方法姐弟()与前后位置无关，只要是对等节点就可以选择。

层次选择器示例

将身体中所有div的背景颜色更改为# bbffaa。

将body中子div的背景颜色更改为# bbffaa。

将id为1的下一个div的背景颜色更改为# bbffaa。

将id为2的元素后面的所有同级div元素的背景色更改为# bbffaa。

将id为2的元素的所有div同级元素的背景色更改为# bbffaa。