视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JQuery,选择器/过滤器/性能优化
2020-11-27 20:14:54 责编:小采
文档

  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筛选器/过滤器:

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

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

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

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

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

  7. visible :与hidden刚好相反

  8. header :选中标题类元素

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

  10. :empty :选中内容为空的元素

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

  12. :has(selector) :例如选中p:has(span)

  13. :parent :选择父元素

  14. :first-child

  15. :last-child

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

  17. last-of-type

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

  19. nth-last-child()

  20. nth-of-type()

  21. nth-last-of-type()

  22. only-child

  23. only-of-type

  24. :checked :选择处于选中状态的

  25. :disabled :选中禁用

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

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

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

  29. :checkbox :选中所有多选框

  30. :file :选中文件输入框

  31. :image :选中type为image的元素

  32. :input :选中所有的form元素

  33. :password

  34. :radio :选中单选框

  35. :reset :选中type是reset,

  36. :selected :选中所有选中状态

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

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

  39. :first

  40. :last

  41. :even

  42. :odd

  43. :eq(n) : 等于n

  44. :gt(n) :大于n

  45. :lt(n) :小于n

    1. 位置筛选器:

    2. 表单筛选器

    3. 子元素筛选器

    4. 内容筛选器

    5. 其他筛选器

    6. 自定义选择器

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

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

    2. 避免过度约束

    3. 尽量以ID开头

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

    5. 避免使用全局选择器

    6. 缓存选择器结果

下载本文
显示全文
专题