前端学习笔记之jQuery选择器一

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端学习笔记之jQuery选择器一相关的知识,希望对你有一定的参考价值。

一.查找

按选择器查找:过滤选择器

1.基本过滤 :位置过滤--------jquery独有, css没有

  什么是:根据元素在查找结果集合中的下标位置选择元素

  强调:1.将所有元素查找到集合中 再按照下标过滤

     2.下标从0开始

     3.和元素在父元素中的相对位置无关

  何时使用:只要希望根据元素在结果集合中的位置查找元素

  如何使用:

    包括:

    (1) elem(s):first/last  获取结果集合中第一个/最后一个元素

    (2) elem(s):even/odd  获取结果结合中偶数/奇数位置的元素

    (3) elem(s):lt/gt/eq(i)  获取结果集合中小于/大于/等于i位置的元素

  基本过滤中特殊: animated 选择正在播放动画的元素

    (4) elem(s):animated

    (5) elem(s):not(selector) 否定伪类,同css

  练习过程中的问题:

     一个 .css 只能设置一个css属性

     解决: $(...). css({

        css属性 :值,

             ...   :  ...

     });  

以上是关于前端学习笔记之jQuery选择器一的主要内容,如果未能解决你的问题,请参考以下文章

锋利的jQuery学习笔记之jQuery选择器

前端学习系列之Jquery

jQuery学习笔记之选择器

Web前端新人笔记之jquery入门

jQuery选择器与事件学习笔记

前端源码-部分资源