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元素。