功能点:数据列表显示部分,有按钮可以显示更多,也可以收起

首先会用到jQuery的选择器:

1. 基本选择器:$("标签名"),如$("div‘’); $("#id名");$(".class名");其中$("标签名")和$(".class名")返回的是所有满足的节点,可以认为是一个数组,至于进一步的筛选可以添加一些函数,如eq,gt,lt等

2.层次选择器:(mix代表一个标签名,或一个#id或一个.class)

  • 后代选择器:$("mix mix"),可以是多个嵌套,但后代选择器可以是深层子代。如$("div .content"):在div标签内的所有具有content的class的后代元素(就是被div嵌套的class属性为content的标签)
  • 子选择器:$("mix>mix"),子选择器只能选择第一代子代,不处理深层嵌套
  • 临近选择器:$("mix+mix"),选取下一个兄弟节点

3. 过滤选择器:

  • :first  匹配找到的第一个元素
  • :last 匹配找到的最后一个元素
  • :not  去除所有与给定选择器匹配的元素 $("inpur:not(:checked)")
  • :even 匹配所有索引值为偶数的元素,从0 开始计数
  • :odd 匹配所有索引值为计数的元素,从0开始计数
  • :eq(index) 匹配一个给定索引值的元素
  • :gt(index) 匹配所有大于给定索引值的元素
  • :li(index) 匹配所有小于给定索引值的元素
  • :header 匹配如h1,h2之类的标题元素
  • :animated 匹配所有正在执行动画效果的元素 

4.内容过滤选择器

5. 可见性过滤选择器

6. 属性过滤选择器

7. 子元素过滤选择器

8. 表单对象过滤选择器

猜你喜欢

转载自www.cnblogs.com/girlalittle/p/9110843.html