介绍jQuery的基本知识

javascript库的功能与对比

为了简化Javascript的发展,一些javsscript图书馆出生。Javascript库封装了许多预定义的对象和实用函数,它帮助用户构建具有高难度和交互功能的富web2.0页面,并与大型浏览器兼容。

当前流行的Javascript库有:



jQuery简介

jQuery是继原型之后的又一个优秀Javascript库。

jQuery理念:少写,多做。其优点如下:



一个强大的选择器

DOM操作的良好封装

可靠的事件处理机制

完美的AJAX

优秀的浏览器兼容性

连锁经营模式

......

jQuery:HelloWorld





jQuery对象

jQuery对象是在DOM对象由jQuery($)包装后生成的对象。

jQuery对象是jQuery独有的。如果一个对象是一个jQuery对象,然后可以在jQuery的使用方法:$(# persontab)Html();

jQuery对象不能使用DOM对象的任何方法,并且相同的DOM对象不能使用jQuery中的任何方法。

同意:如果获取的是jQuery对象,那么在变量前面加上。

变量= jQuery对象

变量= DOM对象

DOM对象被转换成jQuery对象

对于DOM对象,我们只需要用$()包装DOM对象。(jQuery对象是通过jQuery封装DOM对象后生成的对象),因此我们可以得到jQuery对象。





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

jQuery对象被转换为DOM对象。

jQuery对象不能在DOM中使用该方法,但是如果jQuery没有封装您想要的方式,并且必须使用DOM对象,那么有两种方法可以处理它。

(1)jQuery对象是一个数组对象,可以通过{ }方法获得相应的DOM对象。

(2)通过使用jQuery中的get(index)方法获得相应的DOM对象

jQuery选择器

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

jQuery选择器的优点:

简洁的写作

完善事件处理机制

基本选择器

基本选择器是jQuery中最常用的选择器。它也是最简单的选择器。它通过元素ID、类和标记名查找DOM元素(id只能在Web页面中使用一次,类允许重复使用)。







基本选择器示例

背景颜色改变一个元素的# bbffaa

背景色的改变类的所有元素的迷你# bbffaa

所有元素的元素名称改变背景颜色# bbffaa

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

背景色的改变所有的bbffaa #两和ID的元素的元素

层次选择器

如果您希望通过DOM元素之间的层次关系获得特定的元素,如子元素、子元素、相邻元素、兄弟元素等,我们需要使用层次选择器。





注:(沪指~ DIV)选择只能选择兄弟元素#沪指后面;在jQuery的方法(兄弟姐妹)无关的前后位置,只要对等节点可以选择

层次选择器的例子

对于# bbffaa改变背景颜色

改变我的妻子# bbffaa背景颜色

改变到一个# bbffaa背景色下

背景颜色更改ID两背后的# bbffaa所有元素的兄弟元素

改变所有要素的二元为兄弟# bbffaa背景颜色的ID