jquery中选择器分为哪三种

jquery中选择器分为哪三种,第1张

jquery中选择器分为哪三种

jquery的三种选择器:1、基本选择器,由元素ID、元素名、类名、多个选择符组成;2、层次选择器,通过DOM元素间的层次关系获取元素;3、过滤选择器,按照过滤规则的不同,该选择器还可分为简单过滤、内容过滤、可见过滤、属性过滤、表单过滤等。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

1、基本选择器

它由元素ID、元素名、多个选择符组成,通过基本选择器可以实现大多数页面元素的查找

选择器功能描述#id根据给定的ID匹配一个元素element根据给定的元素名匹配所有元素.class根据给定的类匹配元素*匹配所有元素selector1,selectorN将每一个选择器匹配到元素合并后一起返回2、层次选择器

层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以方便快捷地定位元素。

选择器功能描述ancestor descendant根据祖先元素匹配所有的后代元素parent>child根据父元素匹配所有的子元素prev +next匹配所有紧接在prev元素后的相邻元素pre~siblings匹配pre元素之后的所有兄弟元素3、过滤选择器

过滤?肯定是要添加过滤条件的。通过“:”添加过滤条件,比如“$(“div:first”)”返回div元素集合的第一个div元素,first是过滤条件。
按照不同的过滤规则,过滤选择器中又可分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器等。

1)简单过滤选择器

过滤选择器根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中过滤选择中使用最广泛的一种

选择器功能描述first()或 :first获取第一个元素last()或 :last获取最后一个元素:not(selector)获取除给定选择器外的所有元素:even获取所有索引值为偶数的元素,索引号从0开始:odd获取所有索引值为奇数的元素,索引号从0开始:eq(index)获取指定索引值的元素,索引号从0开始:gt(index)获取所有大于给定索引值的元素,索引号从0开始:lt(index)获取所有小于给定索引值的元素,索引号从0开始:header获取所有标题类型的元素,如h1、h2… 元素集合:animated获取正在执行动画效果的元素

2)内容过滤选择器

内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以绝对模糊或绝对匹配进行元素定位

选择器功能描述:contains(text)获取包含给定文本的元素:empty获取所有不包含子元素或者文本的空元素:has(selector)获取含有选择器所匹配的元素:parent获取含有子元素或者文本的元素

3)可见性过滤器

可见性过滤选择器根据元素是否可见的特征获取元素

选择器功能描述:hidden获取所有不可见元素,或者type为hidden的元素:visble获取所有的可见元素

4)属性过滤器

属性过滤器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以“[”号开始、一"]"号结束

选择器功能描述[attribute]获取包含给定属性的元素[attribute=value]获取等于给定的属性是某个特定值的元素[attribute!=value]获取不等于给定的属性是某个特定值的元素[attribute^=value]获取给定的属性是以某些值开始的元素[attribute$=value]获取给定的属性是以某些值结束的元素[attribute*=value]获取给定的属性是以包含某些值的元素[selector1][selector2][selectorN]获取满足多个条件的符合属性的元素

5)子元素过滤器

在页面开发过程中,尝尝遇到突出指定某行的需求。虽然使用基本过滤选择器“:eq(index)"可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中的某个元素。

选择器功能描述:nth-child(eq/even/odd/index)获取每个父元素下的特定位置元素,索引号从1开始:first-child获取每个父元素下的第一子元素:last-child获取每个父元素下的最后一个子元素:only-child获取每个父元素下的仅有一个子元素

6)表单对象属性过虑器

表单对象属性过滤选择器通过表单中的某对象属性特征获取该元素,如enabled、disabled、checked、selected属性。

选择器功能描述:enabled获取表单中所有属性为可用的元素:disabled获取表单中素有属性为不可用的元素:checked获取表单中所有被选中的元素:selected获取表单中所有被选中option的元素

7)表单过虑器

在jQuery选择器中引入表单选择器,该选择器专为表单量身打造,通过它可以在页面中快速定位某表单对象。

选择器功能描述:input获取所有input、textarea、select:text获取所有单行文本框:password获取所有密码框:radio获取所有单选按钮:checkbox获取复选框:submit获取所有提交按钮:image获取所有图像域:reset获取所有重置按钮:button获取所有按钮:file获取所有文件域

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery中选择器分为哪三种的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址:https://outofmemory.cn/web/1373300.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-16
下一篇2022-06-16

随机推荐

  • 温哥华艺术学院如何

    立思辰留学360介绍艺术学院(The Art Institutes)简称AI,是全球规模最大、顶尖的艺术学校系统,创始于1929年,横跨美国及加拿大,共有55个校区,学生总人数超过8万人。AI以协助学

    2022-06-28
    000
  • 2018年加拿大斯派克特姆社区中学课程解析

    斯派克特姆社区中学课程设置立思辰留学360介绍,毕业需80个学分,必修课48个学分,选修课28个学分,毕业过渡4个学分必修课程选修课表课程名称 学分 课程名称 学分 课程名称 学分【英语10】 4 【

    2022-06-28
    400
  • 多伦多大学好吗

    立思辰留学360介绍,多伦多大学(University of Toronto 简称U of T) 是加拿大一所著名的公立大学,始建于1827年,是加拿大最古老的大学之一。学校坐落于世界上最适合人类居住

    2022-06-28
    300
  • 2018年滑铁卢大学英语水平如何

    据立思辰留学360介绍,滑铁卢大学以其创新精神和优秀的学术背景文明世界,尤其在科学和技术领域,其中以计算机工程最为着名,是加拿大第一个提供计算机学位给学生的大学。同时,学校拥有世界最大的数学系,文学专

    2022-06-28
    000
  • 英国中央兰开夏大学所在城市怎么样

    中央兰开夏大学建立于1828年,英文全名为University of Central Lancashire (UCLan),是一所英国知名百年公立大学,坐落于英国英格兰西北部的红玫瑰之郡兰开夏郡的首府

    2022-06-28
    000
  • 简述纽芬兰纪念大学与派瑞罗斯学区哪个好

      纽芬兰纪念大学学校简介立思辰留学360介绍,是纽芬兰省唯一的综合性公立大学,是加拿大的顶尖大学之一,是一所拥有6个分院的世界著名大学。现在学生近19000名,其中研究生3200多。由五个校区,大学

    2022-06-28
    200
  • 多少名人出自布里斯托大学

    布里斯托大学(University of Bristol),简称布大,始建于1876年,是位于英格兰西南部第一大城市布里斯托市的一所世界50强顶尖名校,历年最高世界排名为全球第27名,布里斯托大学是全

    2022-06-28
    300
  • 美国长岛大学官网

    长岛大学(C.W. Post 校区New York))成立于1954年,学校规模300英亩,是美国的第八大私立大学,CW Post 学院是美国最大的私立大学之一。全日制学生和半日制学生共计8500人,

    2022-06-28
    300
  • 2018年加拿大查塔姆高中学校特色有哪些

      学校简介:学校成立于1957年,是加拿大安大略省教育部批准的学校。提供安省教育部规定的从小学到中学的课程。小班教学,每班学生不超过23人。教师和学生的比例为1:12.学校为国际学生设有英文

    2022-06-28
    000

发表评论

登录后才能评论

评论列表(0条)

    保存