2，jQuery选择器

推荐的学习资源来自：张子秋http://www.cnblogs.com/zhangziqiu/tag/jQuery%e6%95%99%e7%a8%8b/

概要：

       上个例子中我们是有$(“#btnShow”)这个Id选择器来捕获页面上的控件。这篇来学习如何使用选择器捕获元素，对象等等。$就是jQuery简写。

内容：

       jQuery选择器是用来捕获页面上的对象，并以jQuery包装集的形式返回。

注意Dom对象和包装集的区别：

       Vardiv=document.getElementById(“testDiv”);

       Vardivs=document.getElementByTagName(“div”);这些都是Dom对象

 

       Vardivs=$(divs);

       Vardiv=$(“#testDiv”);//jQuery包装集，可能是一个，也可能是一组

 

       Vard=$(“#div”)[0];取集合中第一个，这时返回的是Dom，而不是jQuery包装集

       $(“#div”).each(function(){alert(this)});jQuery包含的遍历方法，如each会传递遍历函数

 

jQuery选择器的使用：

1， 基础选择器

$(“#divId”)：选择ID为divId的元素

$(“a”)：选择所有<a>元素

$(“.bgRed”)：选择所有css类为bgRed的元素

$(“*”)：选择所有元素

$(“#divId,a,.bgRed”)：会同时选中这几个 选择器匹配的内容.

2， 层次选择器

3， 基本过滤选择器

$(“#div:first”)：匹配找到第一个ID为div的元素

$(“tr:last”)：查找表格的最后一行

。。。。。。

4， 内容过滤器

$(“div:has(p)”).addclass(“test”)：向所有包含p元素的div元素添加一个test类

。。。

5， 可见性过滤

6， 属性过滤

7， 子元素过滤

8， 表单选择

9， 表单过滤