0

0

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

炎欲天舞

炎欲天舞

发布时间:2017-08-04 14:50:10

|

1696人浏览过

|

来源于php中文网

原创

  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    :选择处于选中状态的

    网趣网上购物系统HTML静态版
    网趣网上购物系统HTML静态版

    网趣购物系统静态版支持网站一键静态生成,采用动态进度条模式生成静态,生成过程更加清晰明确,商品管理上增加淘宝数据包导入功能,与淘宝数据同步更新!采用领先的AJAX+XML相融技术,速度更快更高效!系统进行了大量的实用性更新,如优化核心算法、增加商品图片批量上传、谷歌地图浏览插入等,静态版独特的生成算法技术使静态生成过程可随意掌控,从而可以大大减轻服务器的负担,结合多种强大的SEO优化方式于一体,使

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

相关文章

数码产品性能查询
数码产品性能查询

该软件包括了市面上所有手机CPU,手机跑分情况,电脑CPU,电脑产品信息等等,方便需要大家查阅数码产品最新情况,了解产品特性,能够进行对比选择最具性价比的商品。

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

57

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

57

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

237

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

393

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

17

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

103

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

73

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

81

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

70

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery 教程
jQuery 教程

共42课时 | 4.8万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 9.7万人学习

tp6+adminlte搭建通用后台
tp6+adminlte搭建通用后台

共39课时 | 5.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号