新手实验记录：Jquery中多个selector选择器间什么都不加，加空格，加逗号的不同效果

实验工具

就直接在RONOOB JQuery多个类选择器里面修改实例做的实验。本次实验中的选择器都是.class选择器

选择器间什么都不加 （猜测：是&&的关系）

猜测的含义：

//.intro和.demo间没有间隔
 $(".intro.demo").css("background-color","yellow");

会让class同时是intro和demo的那一个元素为黄色。

如果一个元素只有其中一个class则不会被选中。
实验结论是选择器间什么都不加代表了&&的关系。

选择器间有逗号（猜测：是||的关系）

直接上图：

$(".intro,.demo,.end").css("background-color","yellow")；

让class=intro或class=demo或class=end的元素被选中了。

选择器间有空格 (.a .b代表选中class=a的元素下的class=b的子元素)

//.intro和.demo1间有间隔
$(".intro .demo1,.end").css("background-color","yellow");

选择了两个元素，首先逗号将.intro .demo1和.end隔开，.intor .demo选中了class=intro的元素中class=demo1的子元素。

印象中上述规则也适用于CSS中。