jquery入门第一课

$(expr)
这个函数可以通过css选择器、Xpath、html代码来匹配目标元素，返回的是一个jQuery对象，jQuery的所有操作都是以此为基石的

 

$("div");//获取的是html代码中的三个div元素$("div.test");//获取的是html代码中带有class属性为test的两个

div$("span:last").html();//获取的是第二个span标签中的html代码："我是强大的jQuery插件

"$("#php");//获取的是id为php的div元素

$("div:hidden");//获取的是不可见的div元素，html代码中的第二个div

 

$(document).ready(fn);的一个速记方式，当文档全部载入时执行函数

 

jQuery的基本选择器分为以下四种类型：

$(“#cssid”)	选择id值等于”cssid”的元素，注意:在一个html文档中id是唯一的，也即id为“cssid”不能出现两次（虽然即使出现了两次浏览器也可以解释，但是这是不规范的）。这个ID选择器获取jQuery对象也是个元素集合，但是只有一个元素。将这个jQuery对象转化为DOM对象也可以这样$(“#cssid”)[0]
$(“标签名”)	例如$(“div”)获取的就是HTML文档中的所有的div元素的jQuery对象集合
$(“.myClass”)	获取的是HTML文档中所有的class为“myClass”的元素集合
$(“*”)	这个获取的是HTML文档中的所有的元素
$(“selector1,selector2,selector3…selectorN “)	这种选择器叫做组选择器。例如：$(“span,#two”)选取所有的span标签元素和id=two的元素。

 

 

如果页面上不存在id为test的DOM 元素，$(“#test”).css(“background-color”,”red”)不会产生任何异常，

而document.getElementById(“test”).style.backgroundColor=’red’就会产生未找到对象的异常

 

$(“parent > child”)：选取parent元素后所有的直属child元素，何谓“直属”，也就是第一级的意思了

$(“body div”)选取body元素下所有的div元素。

$(“prev + next”)：prev和next是两个同级别的元素. 选中在prev元素后面的next元素.

$(“prev ~ siblings”):选择prev后面的根据siblings过滤的元素。注:siblings是过滤器