最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:14:54
文档

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

JQuery,选择器/过滤器/性能优化:浏览器简介:jquery对象是类数组对象,类数组有length长度,并且可以通过索引访问,类数组对象如果不手动添加,不可用数组对象的方法。数组添加元素length会自动增长,类数组不会。类数组通过slice方法可以转成数组:Array.prototype.slice.ca
推荐度:
导读JQuery,选择器/过滤器/性能优化:浏览器简介:jquery对象是类数组对象,类数组有length长度,并且可以通过索引访问,类数组对象如果不手动添加,不可用数组对象的方法。数组添加元素length会自动增长,类数组不会。类数组通过slice方法可以转成数组:Array.prototype.slice.ca

  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. 缓存选择器结果

文档

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

JQuery,选择器/过滤器/性能优化:浏览器简介:jquery对象是类数组对象,类数组有length长度,并且可以通过索引访问,类数组对象如果不手动添加,不可用数组对象的方法。数组添加元素length会自动增长,类数组不会。类数组通过slice方法可以转成数组:Array.prototype.slice.ca
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top