介绍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