jQuery选择器的分类(自己总结)

今天,把jQquery选择器,仔细学习了一遍。学习jQuery,最关键的知识基础就是选择器,学好了选择器,各种效果无非是选择器的不同排列组合+事件。

jQuery共有9类选择器,为便于记忆,我将其分为3组:

第一组:基本的逻辑相关

1. 简单;如p. | .dd | #test | a, div, p

2. 基本; :first last ; odd, even; eq(index), gt() , lt(); not; header

3. 层级;ul li; div>p; p+div; p~ul;

第二组:和HTML标签和元素相关;

4. 属性: =, *=, !=, ^=,$=, input[id],

5. 子元素: first-child, last-child, nth-child, no-child

6. 内容: contains(text); parent, empty, has(selector),

第三组:表格相关

7. 表单: input, radio, button , text ,file , img, reset;

8. 表单对象属性: checked, enabled, disabled, selected( select option:selected)

第四组:可见性

9. 可见性: hidden, visible

我觉得这样分成4组,比较好记忆。选择器,还是要记住的,否则都到用的时候再查,还是没精通。

另外:”:“, 一般表示筛选的意义,如tr:td(oven),表示在tr元素中,筛选序号为偶数的td元素。

posted on 2011-11-15 14:06  CDDF  阅读(302)  评论(0编辑  收藏  举报