欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JQuery,选择器/过滤器/性能优化

程序员文章站 2022-03-28 20:49:53
...
  1. 浏览器简介:

    1. jquery对象是类数组对象,类数组有length长度,并且可以通过索引访问,类数组对象如果不手动添加,不可用数组对象的方法。

    2. 数组添加元素length会自动增长,类数组不会。

    3. 类数组通过slice方法可以转成数组:


Array.prototype.slice.call(a);

  1. JQuery基本选择器:

    1. ID选择器

    2. 类选择器

    3. 后代选择器

    4. 属性选择器

    5. a[href!="http://www.baidu.com"],jquery新增方法,选择所有不等于百度网址的元素。

  1. JQuery筛选器/过滤器:

  • lang(language) :选择指定语言的元素

  • not(selector) :选择所有不是指定元素的元素

  • root :选择所有文档的根源是

  • target :选中页面的识别码,hash

  • hidden :选中不可见元素,不包含opacity,不包含hidden的元素,不包括又占位置有不显示的元素

  • visible :与hidden刚好相反

  • header :选中标题类元素

  • animated :选中所有正在执行动画效果的元素

  • :empty :选中内容为空的元素

  • :contains(text) :选择筛选文本的元素

  • :has(selector) :例如选中p:has(span)

  • :parent :选择父元素

  • :first-child

  • :last-child

  • first-of-type : 选择第一个类型相同的:li:first-of-type

  • last-of-type

  • nth-child() :从1开始计数

  • nth-last-child()

  • nth-of-type()

  • nth-last-of-type()

  • only-child

  • only-of-type

  • :checked :选择处于选中状态的

  • :disabled :选中禁用

  • :enabled :除了禁用的都能被选中

  • :focus :一般不直接用,等待表单载入完之后才用

  • :button :不光选中button,也会选中type为button的

  • :checkbox :选中所有多选框

  • :file :选中文件输入框

  • :image :选中type为image的元素

  • :input :选中所有的form元素

  • :password

  • :radio :选中单选框

  • :reset :选中type是reset,

  • :selected :选中所有选中状态

  • :submit :选中type是submit,某些浏览器也会选择 button

  • :text :选中type为text,也会选择没有设置type的

  • :first

  • :last

  • :even

  • :odd

  • :eq(n) : 等于n

  • :gt(n) :大于n

  • :lt(n) :小于n

  1. 位置筛选器:

  2. 表单筛选器

  3. 子元素筛选器

  4. 内容筛选器

  5. 其他筛选器

  6. 自定义选择器

  1. JQuery选择器的性能优化:

    1. 尽量使用CSS中有的选择器

    2. 避免过度约束

    3. 尽量以ID开头

    4. 让选择器的右边有更多特征

    5. 避免使用全局选择器

    6. 缓存选择器结果

以上就是JQuery,选择器/过滤器/性能优化的详细内容,更多请关注其它相关文章!