jQuery选择器（二）

jQuery 选择器，顾名思义就是使用 jQuery 来获取/选择到某个内容，可以更好的帮助我 们在写代码中更加得心应手。

      这里我要讲的就是几个选择器，也可以叫做层级选择器。

1．$(“div span”)，看这里的div跟span的关系，div是span的祖先元素，那span就是div的后代元素了，当然这里不是什么时候都是不变的，要结合实际情况，实事求是嘛；还是得看一下实际操作：

 

看这里的div标签属于p标签的父级元素，效果图前：

效果后：

看效果图就知道已经获取成功了。

2. $(“div > p”)。这个和上面那个的不同就是：$(“div span”)，匹配div标签下的所有的span标签，这个只能是匹配div标签下的p标签，并且是获取第一个子元素，再看一下案例：

 

我要把这里的第一个p标签的字体颜色变成红色。

看代码：

再看前后对比：

代码后：