Question

jQuery中选择器的使用问题

$(“div.str>div”)和$("div.str div")的区别，什么情况下应该用哪种？为什么选定class的时候要写成div.str这种形式，而不是.str？

Answer 1

$("div.str>div") 与 $("div.str div")的区别，在于选择的范围大小不同或者说选择的层级不同。

$("div.str>div") 意思为： 在class为str的div下面选择所有的div子元素。
$("div.str div") 意思为：在class为str的div下面选择所有的div元素。

当只需要定位到子元素时，使用上面的语法；
而当选择的范围扩散到更深层的元素时，使用下面的语法。

选定class的时候直接写成.str的语法，没有问题，但是有可能出现丧失精准度的现象。
举个简单的例子：<div class=".str"></div><span class=".str"></span>
这时使用$(".str")会得到两个对象，所以这种写法不如$("div.str")来的定位更准确。
通过使用前置标签来达到精确获取对象，更能提高效率。

-------------------------------------------------------------------------------------------------

Answer 2

问题一：>号只能选择亲儿子，对再往下层的孙子等级别不选择。空格的话都选择。
问题二：div.str表示只选择div里类明是str的标签，假如有个a标签也是类名str则不选择。其实这就是css的选择器。你应该系统的看一下。