jQuery选择器我犯的错误(原创)

  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元素本身,非子非父

 

 

posted @ 2016-09-19 20:07  propheterLiu  阅读(643)  评论(0编辑  收藏  举报