《JQuery 能干点啥~》第6讲 CSS 选择器

第一讲 讲过id 选择器 再加上 上面几节 的内容 相信 现在 带点速度 讲选择器 相信应该不是很困难

还是老规矩，有问题了就问，看不懂了，跟不上了就说

----------------------------------------------------------------开讲----------------------------------------------------------------

在 我个人的总结大纲里，将选择器分为了 四大类，分别是，CSS 选择器，层级选择器，XPath 选择器，和其他选择器

第一节的 id 选择器 为 CSS 选择器中的一种~ !! 今天 我会讲一下 CSS 选择器 的其他几种

他们为 类别选择器，元素选择器，多选选择器，和 所有选择器！今天 尽量将，能将多少讲多少，讲不完，明天继续

类别选择器：根据元素 便签内 class 属性值进行选取元素！也就是俗称的 样式!

举个例子！ 在日常开发中 经常会遇到加边框的需求！一个页面里，div了，table了，td了 都要有相同的边框！

通常的处理方法是 都加一个 class 属性，引同一个 样式！

那么 现在 我们要得到这些元素怎么办呢~~

一个个 id的去得，显然 不明智（用不明智，是说明，用id不是不可以，就是有的~…… 如果你有时间，有精力，我也不反对）

所以这个时候 我们就需要用 类别选择器 了~

他的语法为

$(".类别名") 其中 类别名 为 标签中 class属性的值， 一个元素可以有多个类，只要有一个符合就能被匹配到。

. 我用的字体大点，省的被人忽略了~~

如果有人问 为什么有个. ，那么请你抬头，看看上面的 样式表中 是不是用. 名字 来个 class属性加样式的~

如果理解为 . 对应class 也可以，就相当于 # 对应 id 一样

接下来的 说的是 元素选择器

这个 应该是最好理解的了~ 说的简单点，就是 页面中你看到有什么标签，你就可以匹配他

他的语法为

语法$("元素名")

看过这个语法 应该能理解 类别选择器 我为什么强调 这个. 了吧~~

如果不加点，就变成 选择 标签了，那自然是匹配不到的了~

CSS 选择器 ，在 JQ 中算是很简单的东西了，就那么几种，基本上 看一遍就会记住了

现在 来说 最后两种 CSS 选择器 吧

其实，把最后两种归为有一些牵强吧！不过既然这么规划了，就这么讲吧！

多选选择器

顾名思义，就是一次我多选几种东西！也就是我一次匹配多个选择器！

他的语法为

$("选择器1,选择器2,选择器N")

这里值得说明的就是那个 选择器N ！他的意思就是可以无限重复！你可以写任意多的选择器，只要通过英文逗号的连接就可以！

再有一点就是，这里面每个选择器的结果，最后取得不是交集，而是并集~！所以，选择器写的越多，匹配到底元素就越多！

最后要讲的是 所有选择器

这个 也不用 在解释什么了，就是选所有的元素~

结合前面的 知识，现在所学的 所有选择器 所能匹配到的就是 页面内所有的元素！

在以后的学习中 也可以用来匹配 所有子 什么的，这个到时候再说吧~~！

他的匹配也是有顺序的~

具体顺序如下图：



白话了半天 差点忘了 他的语法了~

语法 $("*")

* 就是* ，键盘数字区第一排第三个，字母区 Shift+8的那个*

可能有人发现了 * 这个 通配符，在很多地方都是 匹配所有的意思，这个我也就不细说了~

今天的东西就这么多了~~

最后要抢到的是

JQ 匹配到的 都是 JQ 对象

如果 有人 给我写

$("#id").value = "赋个值";

问我为啥不好使，可别怪我 不告诉你

原文地址：《JQuery 能干点啥~》第6讲 CSS 选择器

http://bbs.coderli.com/forum.php?mod=viewthread&tid=322&fromuid=44