1.jQuery能做以下事情:
HTML元素选取
HTML元素操作
CSS操作
HTML事件函数
JavaScript特效和动画
HTML DOM遍历和修改
AJAX
Utilities
2.jQuery函数
jQuery库只提供了一个叫jQuery的函数,该函数中以及该元素的原型中定义了大量的方法。jQuery函数具有四种参数:
1)选择器(字符串)
jQuery函数通过该选择器获取对应的DOM,然后将这些DOM封装到一个人jQuery对象中并返回。
2)DOM对象(即Node实例)
jQuery函数将该DOM封装成jQuery对象并返回。
3)HTML文本字符串
jQuery函数根据传入的文本创建好HTML元素并封装成jQuery对象并返回。
$("<div class="one">one</div>");
4)一个匿名函数
$(function(){});
当文当加载完毕之后jQuery函数调用匿名函数。
3.jQuery对象
jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。
对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。
jQuery对象的获取通常是使用选择器来获取的。比如,获取所有clss为one元素:$(".one");
4.四、jQuery选择器
1).基本选择器:
所有选择器 *
标签选择器 标签名
ID选择器 #id
类选择器 .className
群组选择器 .one,.two 多个选择器使用都好分隔,取并集
复合选择器 .one.two 多个选择器组合使用,取交集
2).层次选择器:
后代选择器 .one .two
两个选择器使用空格隔开,表示可以获取当前元素的子代以及孙子代等等后代元素。
子代选择器 .one>.two
两个选择器使用>隔开,表示只能获取当前选中元素的子代元素。
3).兄弟选择器:
下一个兄弟选择器 .one+.two
两个选择器使用+隔开,表示可以获取当前元素的下一个兄弟元素,下一个兄弟元素要能符合.two。
之后所有子代选择器 .one~.two
两个选择器使用~隔开,表示可以获取当前元素之后的所有兄弟元素,只有所有兄弟元素要能符合