jQuery选择器的几种类型?

如题所述

第1个回答  2024-09-18
jquery选择器有哪些类型

一、基本选择器

基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。

1、ID选择器#id

描述:根据给定的id匹配一个元素,返回单个元素(注:在网页中,id名称不能重复)

示例:$("#test")选取id为test的元素

2、类选择器.class

描述:根据给定的类名匹配元素,返回元素集合

示例:$(".test")选取所有class为test的元素

3、元素选择器element

描述:根据给定的元素名匹配元素,返回元素集合

示例:$("p")选取所有的p元素

4、*

描述:匹配所有元素,返回元素集合

示例:$("*")选取所有的元素

5、selector1,selector2,...,selectorN

描述:将每个选择器匹配到的元素合并后一起返回,返回合并后的元素集合

示例:$("p,span,p.myClass")选取所有p,span和class为myClass的p标签的元素集合

二、层次选择器

三、过滤选择器

四、表单选择器(返回元素集合,使用相似)

jquery的选择器有哪几种类型

很多种,大概归纳为9种。

(1)基本

#id

element

.class

*

selector1,selector2,selectorN

(2)层次选择器:

ancestordescendant

parentchild

prev+next

prev~siblings

(3)基本过滤器选择器

:first

:last

:not

:even

:odd

:eq

:gt

:lt

:header

:animated

(4)内容过滤器选择器

:contains

:empty

:has

:parent

(5)可见性过滤器选择器

:hidden

:visible

(6)属性过滤器选择器

[attribute]

[attribute=value]

[attribute!=value]

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]

(7)子元素过滤器选择器

:nth-child

:first-child

:last-child

:only-child

(8)表单选择器

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden

(9)表单过滤器选择器

:enabled

:disabled

:checked

:selected

jquery的选择器有哪些

1、基本选择器:

#id、element、.class、*、selector1,selector2,selectorN

2、层次选择器:

ancestordescendant、parentchild、prev+next、prev~siblings

3、基本过滤器选择器

:first、:last、:not、:even、:odd、:eq、:gt、:lt、:header、

:animated

4、内容过滤器选择器

:contains、:empty、:has、:parent

5、可见性过滤器选择器

:hidden、:visible

6、属性过滤器选择器

[attribute]、[attribute=value]、[attribute!=value]、[attribute^=value]、[attribute$=value]、[attribute*=value]、[attrSel1][attrSel2][attrSelN]

7、子元素过滤器选择器

:nth-child、:first-child、:last-child、:only-child

8、表单选择器

:input、:text、:password、:radio、:checkbox、:submit、:image、:reset、:button

、:file、:hidden

9、表单过滤器选择器

:enabled、:disabled、:checked、:selected

jquery选择器包括哪几大类

其实基本用法同css选择器,即通用选择器(*)、标签选择器(p,dl,header等)、类选择器(.className)、ID选择器(#IDName)、后代选择器(“”)、子选择器()、属性选择器([attribute],[attribute=value],[attribute!=value],[attribute$=value])、伪类选择器、群组选择器。而且有些低版本的IE浏览器不支持的,jQuery也能够兼容支持。

jquery选择器有哪些

jquery选择器总共有四大类,分别为基本选择器(ID、类、标签、通配符选择器),层次选择器,过滤选择器(基本过滤器,内容过滤器,可见性过滤器,属性过滤器,子元素过滤器、表单对象属性过滤选择器)和表单选择器。

jquery中有哪几种类型的选择器

jquery中有哪几种类型的选择器

$("#myELement")选择id值等于myElement的元素,id值不能重复在文件中只能有一个id值是myElement所以得到的是唯一的元素

$("div")选择所有的div标签元素,返回div元素阵列

$(".myClass")选择使用myClass类的css的所有元素

$("*")选择文件中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")

层叠选择器:

$("forminput")选择所有的form元素中的input元素

$("#main*")选择id值为main的所有的子元素

$("label+input")选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素

$("#prev~div")同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

基本过滤选择器:

$("tr:first")选择所有tr元素的第一个

$("tr:last")选择所有tr元素的最后一个

$("input:not(:checked)+span")

过滤掉:checked的选择器的所有的input元素

$("tr:even")选择所有的tr元素的第0,2,4......个元素(注意:因为所选择的多个元素时为阵列,所以序号是从0开始)

$("tr:odd")选择所有的tr元素的第1,3,5......个元素

$("td:eq(2)")选择所有的td元素中序号为2的那个td元素

$("td:gt(4)")选择td元素中序号大于4的所有td元素

$("td:ll(4)")选择td元素中序号小于4的所有的td元素

$(":header")

$("div:animated")

内容过滤选择器:

$("div:contains('John')")选择所有div中含有John文字的元素

$("td:empty")选择所有的为空(也不包括文字节点)的td元素的阵列

$("div:has(p)")选择所有含有p标签的div元素

$("td:parent")选择所有的以td为父节点的元素阵列

视觉化过滤选择器:

$("div:hidden")选择所有的被hidden的div元素

$("div:visible")选择所有的视觉化的div元素

属性过滤选择器:

$("div[id]")选择所有含有id属性的div元素

$("input[name='newsletter']")选择所有的name属性等于'newsletter'的input元素

$("input[name!='newsletter']")选择所有的name属性不等于'newsletter'的input元素

$("input[name^='news']")选择所有的name属性以'news'开头的input元素

$("input[name$='news']")选择所有的name属性以'news'结尾的input元素

$("input[name*='man']")选择所有的name属性包含'news'的input元素

$("input[id][name$='man']")可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

子元素过滤选择器:

$("ulli:nth-child(2)"),$("ulli:nth-child(odd)"),$("ulli:nth-child(3n+1)")

$("divspan:first-child")返回所有的div元素的第一个子节点的阵列

$("divspan:last-child")返回所有的div元素的最后一个节点的阵列

$("divbutton:only-child")返回所有的div中只有唯一一个子节点的所有子节点的阵列

表单元素选择器:

$(":input")选择所有的表单输入元素,包括input,textarea,select和button

$(":text")选择所有的textinput元素

$(":password")选择所有的passwordinput元素

$(":radio")选择所有的radioinput元素

$(":checkbox")选择所有的checkboxinput元素

$(":submit")选择所有的submitinput元素

$(":image")选择所有的imageinput元素

$(":reset")选择所有的resetinput元素

$(":button")选择所有的buttoninput元素

$(":file")选择所有的fileinput元素

$(":hidden")选择所有型别为hidden的input元素或表单的隐藏域

表单元素过滤选择器:

$(":enabled")选择所有的可操作的表单元素

$(":disabled")选择所有的不可操作的表单元素

$(":checked")选择所有的被checked的表单元素

$("selectoption:selected")选择所有的select的子元素中被selected的元素

选取一个name为”S_03_22″的inputtext框的上一个td的text值

$(”input[@name=S_03_22]“).parent().prev().text()

名字以”S_”开始,并且不是以”_R”结尾的

$(”input[@name^='S_']“).not(”[@name$='_R']“)

一个名为radio_01的radio所选的值

$(”input[@name=radio_01][@checked]“).val();

$("AB")查询A元素下面的所有子节点,包括非直接子节点

$("AB")查询A元素下面的直接子节点

$("A+B")查询A元素后面的兄弟节点,包括非直接子节点

$("A~B")查询A元素后面的兄弟节点,不包括非直接子节点

jquery的选择器有哪几种类型

很多种,大概归纳为9种。

(1)基本

#id

element

.class

*

selector1,selector2,selectorN

(2)层次选择器:

ancestordescendant

parentchild

prev+next

prev~siblings

(3)基本过滤器选择器

:first

:last

:not

:even

:odd

:eq

:gt

:lt

:header

:animated

(4)内容过滤器选择器

:contains

:empty

:has

:parent

(5)可见性过滤器选择器

:hidden

:visible

(6)属性过滤器选择器

[attribute]

[attribute=value]

[attribute!=value]

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]

(7)子元素过滤器选择器

:nth-child

:first-child

:last-child

:only-child

(8)表单选择器

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden

(9)表单过滤器选择器

:enabled

:disabled

:checked

:selected

潜艇中有哪几种类型的?

潜艇按动力系统分为常规潜艇和核动力潜艇。核潜艇按作战任务分为攻击核潜艇和战略核潜艇,常规动力潜艇不具备战略打击能力。

攻击型核潜艇是以鱼雷、反潜导弹和反舰导弹为主要攻击武器的潜艇,主要任务是搜寻和攻击敌方潜艇、航母战斗群和水面舰艇编队,为战略导弹潜艇、航母战斗群或海上机动编队扫清航道,以及战略战役侦察,还有一个最重要的目标就是搜寻并摧毁敌方的战略核潜艇。

战略核潜艇以鱼雷,导弹和潜射洲际导弹为武器的核潜艇。用途是在战略上实施二次核打击和战略核威慑。因为路基的洲际导弹很容易被卫星发现,所以隐藏在大洋中的战略核潜艇就是一个有核国家最具威慑力的战略武器,核威慑的王冠就是战略核潜艇。

常规潜艇由于其动力系统的限制,不可能像核潜艇那样可以在全球活动,所以常规潜艇的活动区域主要是近海和离海岸线较近的大洋中。它们的主要任务是近海防御,设伏围歼,区域游猎,引导截击和护航警戒。

“台风”级是世界上最大的战略核潜艇,但不是俄罗斯最先进的,目前俄罗斯最先进的战略核潜艇是“北风之神”级。

中国的潜艇,无论是常规潜艇还是核潜艇,都和俄罗斯有一定的差距,俄罗斯毕竟继承了苏联的强大的海军,他们的潜艇要比中国早的多也先进的多。近几年中国的潜艇有很大发展,但几十年的差距不是一级两级潜艇能够追回来的,是不是?

有哪几种类型的炮?

1.迫击炮

迫击炮是用座钣承受后坐力的高射角曲射火炮。通常发射尾翼弹。其主要特点是:身管短,构造简单,重量较轻,运动方便,适用于在各种地形上作战;初速小,射角大(通常为45度一85度),弹道弯曲,适用于射击遮蔽物后的目标和水平目标。主要配用杀伤爆破榴弹,用于压制、歼灭敌有生力量和技术兵器,破坏铁丝网和其它障碍物;还可配用照明弹、烟幕弹等特种炮弹,以完成多种战斗任务。按装填方式分为前装式和后装式;按炮膛结构分为滑膛式和线膛式;按运动方式分为行动式、驮载式、牵引式和自行式;按口径可分为轻型、中型、重型三类,轻型一般为50、51、60毫米口径,全炮重小于20公斤,主要装备步兵。作战时,一般由单兵携带,或分解成几个部件,由几人背负或由牲畜驮载;中型一般为81、82毫米口径,全炮重在40公斤左右,可分解成几个部件搬运;重型一般口径大于100毫米,全炮重在100公斤以上,采用车辆牵引或自行。追击炮通常由炮身、炮架、座钣和瞄准具组成。在战斗状态时,炮身尾部的炮杵置于座钣驻臼内。进行触发射击时,击针外突,炮弹从炮口装填,靠下滑撞击击针击发底火;进行拉发射击时,击针缩回,炮弹入膛后,靠拉火机的击锤撞击击针击发底火。发射时,炮身的后坐力经座钣传至地面,靠土壤的变形吸收后坐能量,限制后坐运动。

2.加农炮

加农炮是弹道低伸的火炮,属地面炮兵的主要炮种之一。主要用于射击装甲目标、垂直目标和远距离目标。对装甲目标和垂直目标,多用直接瞄准射击;对远距离目标,则用间接瞄准射击。主要由炮身、炮架、瞄准装置等部件组成。主要特点是身管长(一般为口径的40—80倍)、初速大(通常在700米/秒以上)、射程远(如152—155毫米加农炮的最大射程可达22—35公里)。按其口径可分为小口径加农炮(75毫米以内)、中口径加农炮(76—130毫米)和大口径加农炮(130毫米以上);按运动方式和结构分为牵引式、自运式、自行式和运载式(安装在坦克、飞机、舰艇上)四种。反坦克炮、坦克炮、高射炮、航空炮、舰炮和海岸炮也属加农炮型别。使用弹种有杀伤榴弹、爆破榴弹、杀伤爆破榴弹、穿甲弹、脱壳超速穿甲弹、碎甲弹、燃烧弹等。是进行地面火力突击的主要火炮。

3.榴弹炮

榴弹炮是身管较短,初速较小,弹道较弯曲的火炮,属于地面炮兵的主要炮种之一。适于对水平目标射击,主要用于歼灭、压制敌有生力量和技术兵器,破坏工程设施、桥梁、交通枢纽等。它由炮身、炮架和瞄准装置组成,按其机动方式,分为牵引式和自行式榴弹炮两种。主要特点是:身管较短(一般为口径的20—30倍)、初速较小(通常为300—600米/秒);射角较大(约达70度),弹丸落角也大,杀伤爆破效果好;采用多级变装药,在射角不变的条件下,可获得不同的初速、弹道和射程,便于在较大纵深内实施火力机动。现代榴弹炮炮身长达口径的33—44倍,初速达827米/秒,最大射角75°,使用一般榴弹,最大射程达18000多米,使用增程弹时,最大射程可达30000米。是进行地面火力突击的主要火炮。

4.加农榴弹炮

简称“加榴炮”。加榴炮是指兼有加农炮和榴弹炮弹道特性的火炮。主要用于射击较远距离目标和破坏较坚固的工程设施。由炮身、炮架和瞄准装置组成,具体结构与加农炮和榴弹炮相似。其特点是:可以平射和曲射;比加农炮炮身短,弹丸初速范围广(使用变装药),炮身射角和弹丸落角大;比榴弹炮炮身长,射程远;用最大号装药和小射角射击时,具有加农炮的效能;用小号装药和大射角射击时,具有榴弹炮的效能。现代加榴炮的口径多为152—155毫米。身管长一般为口径的25—40倍,弹重为45公斤左右,最大射程为17—25公里。配用弹种与榴弹炮相似。按其运动方式分为牵引式、自运式和自行式三种。是进行地面火力突击的主要火炮。

5.火箭炮

火箭炮是一种多发联装火箭发射装置,属于地面炮兵的主要炮种之一。主要用于对大面积目标射击。通常由定向器、回转盘、方向机、高低机、平衡机、瞄准器、点火系统及平台运动系统等组成。按定向器种类,可分为轨式、笼式和管式;按运动方式,可分为自行式和牵引式。火箭炮的主要作用是引燃火箭弹的点火器和赋予火箭弹初始飞行方向。装弹完毕后,可一次发射一发,也可连续发射数十发。发射速度快、火力猛、威力大、机动性好,但射弹散布大,发射时火光大,阵地容易暴露。火箭炮的口径一般为107—273毫米,最大射程40公里,主要配用杀伤爆破火箭弹,也可配用特种火箭弹,布设地雷、照明和施放烟幕等。是进行地面火力突击的主要火炮。

6.无坐力炮

也称“无后坐力炮”。它是一种滑膛无反后坐装置的火炮。发射时,利用发射药生成的部分火药气体由炮尾向后喷出,产生反作用力,其方向与弹丸出口时赋予炮管的后坐力方向相反,故该炮没有反后坐装置。无坐力炮主要用于摧毁近距离的装甲目标和火力点。由炮身、炮闩、炮架和瞄准装置等组成。其口径一般为57—120毫米,对坦克的直射距离为400—800米。主要配用空心装药破甲弹、高爆榴弹。具有结构简单、重量轻、便于机动等特点。

7.高射炮

简称“高炮”。是从地面上对空中目标射击的火炮。必要时也可用于对地面或水面目标射击。主要特点是:炮身长、初速大、射界大、射速快、射击精度高,多数配有火控系统。按运动方式分,有牵引高炮和自行高炮;按口径分,有小口径高炮(口径小于60毫米)、中口径高炮(口径为60—100毫米)、大口径高炮(口径大于100毫米)。高炮通常都装有半自动或全自动炮闩,有机械化或自动化装填机构,可连续自动地装填和发射;大多数装有随动装置,能自动瞄准和追随目标。大、中口径高炮还装有引信侧合机,以自动装定引信分划。小口径高炮通常装有自动高射瞄准具,能不断地计算装定射击目标,以满足瞄准不断变化的空中目标的需要。第二次世界大战中,出现了120毫米和128毫米等大口径高炮。60年代以后,大口径高炮逐步被地空导弹所取代,小口径高炮则获得较大发展,采用了多管联装,提高了发射速度,增大了火力密度。由于跟踪雷达、光电跟踪和测距装置、火控计算机和火炮组成的自行高炮系统的出现,提高了机动能力、行进中射击能力的射击效果。小口径高炮将继续向雷达、计算机、火炮等结成一体、多管联装或多管旋转、自行化以及弹(地空导弹)炮结合的方面发展。

logo设计

创造品牌价值

¥500元起

APP开发

量身定制,源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

    官方电话官方服务
      官方网站八戒财税知识产权八戒服务商企业需求数字市场

jquery的选择器有哪些
1、基本选择器:id 、element 、.class 、* 、selector1,selector2,selectorN 2、层次选择器:ancestor descendant 、parent > child 、prev + next 、prev ~ siblings 3、基本过滤器选择器 :first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、:animated 4、内容过滤器...

jquery有几种选择器
一、基本选择器 基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。1、ID选择器 #id 描述:根据给定的id匹配一个元素, 返回单个元素(注:在网页中,id名称不能重复)示例:$("#test") 选取 id 为 test 的元素 2、类选择器 .class 描述:根据给定...

JQuery有几种选择器?
(2)层次选择器:ancestor descendant parent > child prev + next prev ~ siblings (3)基本过滤器选择器 :first :last :not :even :odd :eq :gt :lt :header :animated (4)内容过滤器选择器 :contains :empty :has :parent (5)可见性过滤器选择器 :hidden :visible (6)属性过滤器选择器 ...

jquery选择器有几种
jquery选择器有9种,分别是:基本的有id、标签、类、通配符选择器;层次选择器;基本过滤器选择器;内容过滤器选择器;可见性过滤器选择器;属性过滤器选择器;子元素过滤器选择器;表单选择器;表单过滤器选择器。jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(...

jquery常用几种选择器的实例用法区别
一、Jquery常用的过滤选择器如下所示: 1、:first,选取第一个元素,比如$("p:first")选取第一个p元素 2、:last,选取最后一个元素,比如$("p:last")选取最后一个p元素 3、:not(选择器),选取不满足“选择器”条件的元素,比如$("p:not(.className)"),选取样式不是className的所有p元素 4、...

进一步是jquery的选择器吗
三十三、JQuery简介+选择器

JQuery里面的几种选择器
可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") 层叠选择器: $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label...

jquery选择器包括哪几大类
、标签选择器(p,dl,header等)、类选择器(.className)、ID选择器(#IDName)、后代选择器(“ ”)、子选择器(>)、属性选择器([attribute],[attribute=value],[attribute!=value],[attribute$=value])、伪类选择器、群组选择器。而且有些低版本的IE浏览器不支持的,jQuery也能够兼容支持。

Jquery有哪些选择器?
其实jQuery选择器就只有一种$()函数或jQuery()函数,$只是jQuery的缩写。$("")的引号中,以点开头,说明是选择Class。以井号开始,说明是选择ID,直接写入标签,则证明是选择指定的元素。最主要就是筛选器。比如:我有个需求,在表格中每隔一行设置一个背景色。怎么办?就可以这样$("tr:odd").css(...

什么是jquery选择器
(’#goAway’).hide().addClass(’incognito’);提示一下:当选择器表达示匹配多个元素时,可以象JavaScritp数组操作一样,方便灵活地利用数组指针进行选取。这是例子:var element = $(’img’)[0];匹配表达示的元素中,第一个元素对象将赋给变量element。jQuery选择器的分类 有三种分类:基本选择...

相似回答
大家正在搜