jQuery的选择器十分强大,但是在使用jQuery选择器的时候一定要十分小心,空格、冒号、引号到处都是坑,老手也不能避免,只能勤加练习,熟能生巧,掌握规律,为了练习,凡是到选择器的地方我都自己先敲,刚开始的时候犯过无数的错误,有的错误简直幼稚甚至愚蠢,但是我坚持不看书上的答案,尽最大能力调试成功,下面我把我犯过的错误列出来,大家有则改之无则加勉。
1.选择class不为one的所有div元素
2.选择class为one的div的第一个子元素
$(div.one :first-child) 正确
$(div.one:first-child) 错误
$(div .one :first-child) 错误
千万不要写错了:div和.one之间是不能有空格的,后面的:号一定要有空格。
3.$(“div:has(.mini)”) 和 $(“div.mini”)的区别:
$(“div:has(.mini)”)是选择一个div,这个div含有class=mini的子元素,要的是父,根据子条件,举个例子:其中高亮部分是选中的,大方框是父元素,小方框是子元素。
$(“div.mini”)是class=mini的div,讲的就是div元素本身,非子非父