一、
1、JQuery就是javascript的类库,特点是独特的选择器、链式操作、事件处理机制、封装完善的Ajax。
2、在JQuery中$就代表JQuery的意思。
3、JQuery对象就是通过JQuery包装DOM对象后产生的对象。
var srh = DOM对象;
var $srh = JQuery对象;
4、平常用到的JQuery对象都是通过$()函数制作出来的,$()函数相当于是jQuery对象的制作工厂。
二、jQuery选择器:包括基本选择器、层次选择器、过滤选择器、和表单选择器。
1、基本选择器:它通过元素Id、class和标签名等来查找DOM元素。(在网页中,Id只能使用一次,class允许重复使用。
$("#num").css("background","red")
$(".num").css("background","red")
$("p"); 选取所有的<p>元素
$("*"); 选取所有的元素
$("p.myclass") 选取class为myclass的<p>标签的一组元素
$("span,p,#ssh") 选取一组元素
2、层次选择器:通过DOM元素之间的层次关系来获取特定的元素,包括后代元素、子元素、相邻元素等。
(后代元素是指后面所有的元素,子元素是指之后的元素)
$("div span"); 表示选取div元素里的所有的span元素。(表示选取div之后所有的元素)
$("div>span"); 表示选取div元素里所有的子元素span。
3、过滤选择器:通过特定的过滤规则来筛选出所需的DOM元素。选择器都以冒号 : 开头。
div:first 选取第一个div元素
4、表单选择器:
$(.form1:input) 选取所有的input元素
$(.form1:password) 选取所有的password元素
值得注意的是:$("div,span,p")表示选取这一系列元素
而空格则是条件:$("div span p")表示div下的span下的p元素