首页>>后端>>java->jquery复合选择器(jquery给复选框赋值)

jquery复合选择器(jquery给复选框赋值)

时间:2023-11-29 本站 点击:1

jquery 某一个id后的第一个元素 复合选择器

!DOCTYPE html

html

head

title/title

script type="text/javascript" src=""/script

style type="text/css"

table{border: 1px;}

span{width: 200px;height: 20px;}

/style

script type="text/javascript"

$(function(){

$("#a1,#a2").click(function(){

alert($(this).parent().next(".infoPart").html());

})

})

/script

/head

body

table

tr

td nowrap class="tdTitle"1:/td

td nowrap class="tdValue"span id="a1"2/span/td

td class="infoPart"part1 /td

/tr

tr

td nowrap class="tdTitle"3:/td

td nowrap class="tdValue"span id="a2"4/span/td

td class="infoPart"part2 /td

/tr

/table

/body

/html

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

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

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

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

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

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

层叠选择器:

$("form input") 选择所有的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结尾的元素

子元素过滤选择器:

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

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

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

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

表单元素选择器:

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

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

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

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

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

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

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

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

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

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

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

表单元素过滤选择器:

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

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

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

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

选取一个 name 为”S_03_22″的input text框的上一个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();

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

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

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

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

jquery的选择器有哪几种类型

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

(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)内容过滤器选择器

: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年代以后,大口径高炮逐步被地空导弹所取代,小口径高炮则获得较大发展,采用了多管联装,提高了发射速度,增大了火力密度。由于跟踪雷达、光电跟踪和测距装置、火控计算机和火炮组成的自行高炮系统的出现,提高了机动能力、行进中射击能力的射击效果。小口径高炮将继续向雷达、计算机、火炮等结成一体、多管联装或多管旋转、自行化以及弹(地空导弹)炮结合的方面发展。

8.自行火炮

自行火炮是指与车辆底盘结合为一体,能自行运动的火炮。主要用于配合坦克部队和摩托化部队作战,及时为其提供火力支援。主要特点是:越野效能好、机动灵活,’占领和撤出阵地快、射击反应快。自行火炮由武器系统、装甲车体和底盘部分组成。武器系统包括武器、装填机构和火控系统。武器包括火炮(加农炮、榴弹炮、加榴炮等)。装填机构有半自动和全自动两种。新一代自行火炮已装备有夜视装置和以弹道计算机为中心的自动化火控系统。装甲有钢质装甲、铝合金装甲或简易的复合装甲。底盘有轮式和履带式两种。它们装有动力、传动、行走和操纵装置。履带式底盘一般采用坦克或装甲车辆的底盘或它们的改进型,以及专用底盘。

9.自行高射炮

简称“自行高炮”,是将瞄准发射系统与车辆底盘结合在一起,能自行运动的高射炮。主要用于歼灭低空和超低空目标,掩护行军、战斗的部(分)队。必要时也可用于消灭地(水)面目标。按口径分,有小口径和中口径自行高炮;按自行方式分,有履带式和轮式自行高炮;按功能分,有全天候和非全天候自行高炮。自行高炮通常是独立的高射炮系统,普遍采用火力系统、探测装置和解算装置装于同一车体上的“三位一体”结构。脚踏车辆由装甲车体、炮塔、动力装置、电源系统和行驶部分组成。火炮一般由数个结构相同的小口径自动炮身(有的是一门中口径炮身)、瞄准装置、平,衡机和高炮随动装置组成,装在旋转炮塔内或两侧。炮塔有封闭式、半封闭式和敞开式三种。车内装有雷达、光电或光学火控系统,装有导航仪以测定自身行进中所在位置的座标。车上还装有防核、化学、生物武器的仪器和装置。与牵引高炮相比,自行高炮越野能力强、机动性好、可靠性高、自动化程度高、反应时间短,具有对低空、超低空飞行目标作战的能力,可实施短时间停止射击和行进间射击,是各国陆军致力发展的防空武器之一。

10.电磁炮

也称“电磁发射器”,是利用电磁力(洛仑磁力)代替火药发射炮弹的一种装置。该种武器目前只获得原理成功,尚处于可行性研究阶段。美国现已能把100克重的炮弹加速到10公里/秒,并成功地进行了矽面阵列承受10万个g载荷的试验。澳大利亚国立大学1970年建造了第一台电磁发射装置,用一台能量为550兆焦耳的单极发电机首次把3克重的塑料块加速到6000米/秒。电磁炮研制成功后,可用于打飞机、反坦克和作为天基反导弹系统。但反战略导弹要求电磁炮炮弹质量达到2公斤,速度达20公里/秒,要达到这些要求,有待解决诸如研究适合天基用的数百兆焦耳的脉冲能源;解决轨道的强度、尺寸、重量;解决炮弹上电子装置承受10万个g载荷等问题。电磁炮根据发射装置的结构和部件,可分为导轨炮、线圈炮和“重接”炮等。它们主要由能源、加速器和开关三部分组成。在美国“战略防御”计划中将把电磁炮作为天基动能武器系统发展。

11.海岸炮

简称“岸炮”,是配置在海岸重要地段、岛屿和水道翼侧的海军炮。主要用于歼灭敌海上目标,也可对陆上和空中目标射击。有固定式和移动式两种。固定式一般配置在永备工事内,移动式有机械牵引炮和铁道列车炮。海岸炮具有不易 *** 扰、命中概率高、射击死角小、摧毁力强等特点。初期的海岸炮与陆炮相同,19世纪开始出现专用海岸炮。一般海岸炮的口径为100—406毫米,射程16—58公里。现代岸炮配有射击指挥仪、雷达和光电观测仪,使战斗效能有了很大提高。

CPU有哪几种类型的

CPU品牌分为英特尔和AMD两种。

英特尔介面型号分为LGA 1156、LGA 1155(Sandy Bridge)、LGA 1366、LGA 775。

AMD介面型号分为Socket AM3、Socket AM2+、Socket AM2。

按系列分,英特尔分为赛扬、奔腾、灵动、酷睿,AMD分为速龙、羿龙。

最常用的游戏CPU为AMD,速龙较便宜、羿龙较贵。

最常用的办公CPU为英特尔,酷睿较贵、奔腾其次、赛扬最便宜、灵动为移动上网本专用。

jquery中简单过滤选择器有哪些

1. 基本过滤选择器

a) ":first",选取第一个元素,别忘记它也是被放在一个集合里哦!因为JQuery它是DOM对象的一个集合。如,“$("tr:first")”返回所有tr元素的第一个tr元素,它仍然被保存在集合中。

b)“:last”,选取最后一个元素。如,“$("tr:last")”返回所有tr元素的最后一个tr元素,它仍然被保存在集合中。

c)“:not(selector)”,去除所有与给定选择器匹配的元素。如,“$("input:not(:checked)")”返回所有input元素,但去除被选中的元素(单选框、多选框)。

d)“:even”,选取所有元素中偶数的元素。因为JQuery对象是一个集合,这里的偶数指的就是集合的索引,索引从0开始。

e) “:odd”,选取所有元素中奇数的元素,索引从0开始。

f) “:eq(index)”,选取指定索引的元素,索引从0开始。

g) “:gt(index)”,选取索引大于指定index的元素,索引从0开始。

h) “:lt(index)”,选取索引小于指定index的元素,索引从0开始。

i) “:header”,选取所有的标题元素,如hq、h2等。

j) “:animated”,选取当前正在执行的所有动画元素。

2). 内容过滤选择器

它是对元素和文本内容的操作。

a) “:contains(text)”,选取包含text文本内容的元素。

b) “:empty”,选取不包含子元素或者文本节点的空元素。

c) “:has(selector)”,选取含有选择器所匹配的元素的元素。

d) “:parent”,选取含有子元素或文本节点的元素。(它是一个父节点)

3). 可见性过滤选择器

根据元素的可见与不可见状态来选取元素。

“:hidden”,选取所有不可见元素。

“:visible”,选择所有可见元素。

可见选择器:hidden 不仅包含样式属性 display 为 none 的元素,也包含文本隐藏域 (input type=“hidden”)和 visible:hidden 之类的元素。

4).属性过滤选择器

通过元素的属性来选取相应的元素。

a) “[attribute]”,选取拥有此属性的元素。

b) “[attribute=value]”,选取指定属性值为value的所有元素。

c) “[attribute !=value]”,选取属性值不为value的所有元素。

d) “[attribute ^= value]”,选取属性值以value开始的所有元素。

e) “[attribute $= value]”,选取属性值以value结束的所有元素。

f) “[attribute *= value]”,选取属性值包含value的所有元素。

g) “[selector1] [selector2]…[selectorN]”,复合性选择器,首先经[selector1]选择返回集合A,集合A再经过[selector2]选择返回集合B,集合B再经过[selectorN]选择返回结果集合。

5). 子元素过滤选择器

一看名字便是,它是对某一元素的子元素进行选取的。

a) “:nth-child(index/even/odd)”,选取索引为index的元素、索引为偶数的元素、索引为奇数的元素。

l nth-child(even/odd):能选取每个父元素下的索引值为偶(奇)数的元素。

l nth-child(2):能选取每个父元素下的索引值为 2 的元素。

l nth-child(3n):能选取每个父元素下的索引值是 3 的倍数的元素。

l nth-child(3n + 1):能选取每个父元素下的索引值是 3n + 1的元素。

b) “:first-child”,选取第一个子元素。

c) “:last-child”,选取最后一个子元素。

d) “:only-child”,选取唯一子元素,它的父元素只有它这一个子元素。

6). 表单过滤选择器

选取表单元素的过滤选择器。

a) “:input”,选取所有input、textarea、select 和button元素。

b) “:text”,选取所有的文本框元素。

c) “:password”,选取所有的密码框元素。

d) “:radio”,选取所有的单选框元素。

e) “:checkbox”,选取所有的多选框元素。

f) “:submit”,选取所有的提交按钮元素。

g) “:image”,选取所有的图像按钮元素。

h) “:reset”,选取所有重置按钮元素。

i) “:button”,选取所有按钮元素。

j) “:file”,选取所有文件上传域元素。

k) “:hidden”,选取所有不可见元素。

7).表单对象属性过滤选择器

选取表单元素属性的过滤选择器。

“:enabled”,选取所有可用元素。

“:disabled”,选取所有不可用元素。

“:checked”,选取所有被选中的元素,如单选框、复选框。

“:selected”,选取所有被选中项元素,如下拉列表框、列表框。

jquery选择器有哪些

jQuery 选择器简介

jQuery 选择器允许对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

1 .基本选择器

$("#test")                选择id值为test的元素,id值是唯一的所以返回单个元素。

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

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

$("*")                    选取所有元素。

$("#test,div,.myclass")      选取多个元素。

2.层次选择器

$("div span")   选取div里的所有span元素

$("div span")     选取div元素下元素名是span的子元素

$("#one +div")     选取id为one的元素的下一个div同辈元素    等同于$("#one").next("div")

$("#one~div")      选取id为one的元素的元素后面的所有div同辈元素    等同于$("#one").nextAll("div")

$("#one").siblings("div")    获取id为one的元素的所有div同辈元素(不管前后)

$("#one").prev("div")  获取id为one的元素的前面紧邻的同辈div元素

所以 获取元素范围大小顺序依次为:

$("#one").siblings("div")$("#one~div")$("#one +div")

或是

$("#one").siblings("div")$("#one").nextAll("div")$("#one").next("div")

3.基本过滤选择器

$("div:first")               选取所有div元素中第1个div元素

$("div:last")                   选取所有div元素中最后一个div元素

$("input:not(.myClass)")        选取class不是myClass的input元素

$("input:even")                 选取索引是偶数的input元素(索引从0开始)

$("input:odd")                  选取索引是基数的input元素(索引从0开始)

$("input:eq(2)")                选取索引等于2的input元素

$("input:gt(4)")                选取索引大于4的input元素

$("input:lt(4)")                选取索引小于4的input元素

$(":header")                    过滤掉所有标题元素,例如:h1、h2、h3等

$("div:animated")               选取正在执行动画的div元素

$(":focus")                     选取当前获取焦点的元素

4.内容过滤选择器

$("div:contains('Name')")       选取所有div中含有'Name'文本的元素

$("div:empty")                  选取不包含子元素(包括文本元素)的div空元素

$("div:has(p)")                 选取所有含有p元素的div元素

$("div:parent")                 选取拥有子元素的(包括文本元素)div元素

5.可见性过滤选择器

$("div:hidden")                 选取所有不可见的div元素

$("div:visible")                选取所有可见的div元素

6.属性过滤选择器

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

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

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

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

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

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

$("div[title|='en']")           选取属性title等于'en'或以'en'为前缀(该字符串后跟一个连字符'-')的div元素

$("div[title~='en']")           选取属性title用空格分隔的值中包含字符en的div元素

$("div[id][title$='test']")     选取拥有属性id,并且属性title以'test'结束的div元素

7.子元素过滤选择器

$("div .one:nth-child(2)")       选取class为'one'的div父元素下的第2个子元素

$("div span:first-child")        选取每个div中的第1个span元素

$("div span:last-child")         选取每个div中的最后一个span元素

$("div button:only-child")       在div中选取是唯一子元素的button元素

8.表单对象属性过滤选择器

$("#form1 :enabled")             选取id为'form1'的表单内所有可用元素

$("#form2 :disabled")            选取id为'form2'的表单内所有不可用元素

$("input :checked")              选取所有被选中的input元素

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

9.表单选择器

$(":input")                      选取所有input,textarea,select 和 button元素

$(":text")                    选取所有的单行文本框

$(":password")                   选取所有的密码框

$(":radio")                      选取所有单的选框

$(":checkbox")                   选取所有的多选框

$(":submit")                     选取所有的提交按钮

$(":image")                      选取所有的图像按钮

$(":reset")                      选取所有的重置按钮

$(":button")                     选取所有的按钮

$(":file")                       选取所有的上传域

$(":hidden")                     选取所有不可见元素

锋利的jQuery 要点归纳(一) jQuery选择器

1

基本选择器

$(#id)

根据给定的id匹配一个元素

$(.class)

根据给定的类名匹配元素

$(element)

根据给定的元素名匹配元素

$(*)

匹配所有元素

$(selector1,selector2,...,selectorN)

将每一个选择器匹配到的元素合并后一起返回

2

层次选择器

$("ancestor

descendant")

选取ancestor元素里的所有descendant(后代)元素

$("parent

child")

只选取parent元素下的child(子层级)元素,与$("ancestor

descendant")有区别,前者选择所有后代元素(含且不限于子层级)

$('prev

+

next')

选取紧接在prev元素后的next元素

$('prev

~

siblings')

选取prev元素之后的next元素

3

过滤选择器

3.1

基本过滤选择器

$("selector:first")

选取第一个元素

$("selector:last")

选取最后一个元素

$("selector:not(selector2)")

去除所有与给定选择器匹配的元素

$("selector:even")

选取索引是偶数的所有元素,索引从0开始

$("selector:odd")

选取索引是奇数的所有元素,索引从0开始

$("selector:eq(index)")

选取索引等于index的元素,index从0开始

$("selector:gt(index)")

选取索引大于index的元素,index从0开始

$("selector:lt(index)")

选取索引小于index的元素,index从0开始

$(":header")

选取所有的标题元素,如h1,h2,h3等等

$(":animated")

选取当前正在执行动画的所有元素

3.2

内容过滤选择器

$(":contains(text)")

选取含有文本内容为"text"的元素

$(":empty")

选取不包含子元素或者文本的空元素

$(":has(selector2)")

选取含有选择器所匹配的元素的元素

$(":parent")

选取含有子元素或者文本的元素

3.3

可见性过滤选择器

$(":hidden")

选取所有不可见的元素

$(":visible")

选取所有可见的元素

3.4

属性过滤选择器

$("selector[attribute]")

选取拥有此属性的元素

$("selector[attribute=value]")

选取属性的值为value的元素

$("selector[attribute!=value]")

选取属性的值不等于value的元素

$("selector[attribute^=value]")

选取属性的值以value开始的元素

$("selector[attribute$=value]")

选取属性的值以value结束的元素

$("selector[attribute*=value]")

选取属性的值含有value的元素

$("selector[selector2][selectorN]")

用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围,如$("div[id][title$='test']")选取拥有属性id,并且属性title以"test"结束的div元素

3.5

子元素过滤选择器

$(":nth-child(index/even/odd/equation)")

选取每个父元素下的第index个子元素或者奇偶元素,index从1算起

$("selector:first-child")

选取每个父元素的第一个子元素

$("selector:last-child")

选取每个父元素的最后一个子元素

$("selector:only-child")

如果某个元素是它父元素中唯一的子元素,那么将会被匹配。如果父元素中含有其他元素,则不会被匹配

3.6

表单对象属性过滤选择器

$("selector:enabled")

选取所有可用元素

$("selector:disabled")

选取所有不可用元素

$("selector:checked")

选取所有被选中的元素(radio,checkbox)

$("selector:selected")

选取所有被选中的选项元素(select)

4

表单选择器

$(":input")

选取所有的input,textarea,select,button元素

$(":text")

选取所有的单行文本框

$(":password")

选取所有的密码框

$(":radio")

选取所有的单选框

$(":checkbox")

选取所有的复选框

$(":submit")

选取所有的提交按钮

$(":image")

选取所有的图像按钮

$(":reset")

选取所有的重置按钮

$(":button")

选取所有的按钮

$(":file")

选取所有的上传域

$(":hidden")

选取所有不可见元素

jquery常92用选择器有哪些

层次选择器:

$('div p');//选取div下的所有的p元素

$('divp').css('border','1px solid red');//只选取div下的直接子元素

//相邻的元素

$('div ~ p).css('border','1px solid red');与$('div').nextAll('p')等价;//表示div后面的

所有p兄弟元素

$('div ~ *').css('border','1px solid red');//表示div后面的所有兄弟元素

$('div +p').css('border','1px solid red');与$('div').next('p')等价//这种写法表示div后

只找紧挨着的第一个兄弟元素,并且该元素是p。

获得兄弟元素的方法:

next(); //当前元素之后的紧邻着的第一个兄弟元素(下一个)

nextAll();//当前元素之后的所有兄弟元素

prev();//当前元素之前的紧邻着的兄弟元素(上一个)

prevAll();//当前元素之前的所有兄弟元素

siblings();//当前元素的所有兄弟元素

基本过滤选择器:

$('p:first')与$('p').first()是等价的。获取所有p元素中的第一个P元素

$('p:last')与$('p').last()

$('p:eq(2)')在所有的p元素中找到索引为2的元素

$('p:even')选取所有奇数的p标签

$('p:odd')选取所有偶数的p标签

$('p:not(.tst)').css();选取所有的不应用.tst这种样式的p元素not后面写一个选择器名称

$('p:gt(1)')选取所有索引值大于1的p元素

$('p:lt(3)')选取所有索引值小于3的p元素。

$(':header')选取页面上所有的h1-h6的元素。(如果这样写的话,中间绝对不能有空格。)

属性过滤选择器:

$("div[id]")选取有id属性的div

$("div[title=test]")选取title属性为“test”的div,jQuery中没有对getElementsByName

进行封装,用$("input[name=abc]")

$("div[title!=test]")选取title属性不为“test”的div

还可以选择开头【name^=值】、结束【 name$=值】、包含【 name*=值】等,条件还

可以复合。【[属性1=a][属性2=b]…】(*)

表单对象属性选择器(过滤器):

$("#form1 :enabled")选取id为form1的表单内所有启用的元素

$("#form1 :disabled")选取id为form1的表单内所有禁用的元素

$(“input:checked”)选取所有选中的元素(Radio、CheckBox),这个中间不能加空格.

$("select :selected")选取所有选中的选项元素(下拉列表)

表单滤选择器:

$('#form1:enabled');//这个表示能够启用的且id为form1的标签

$('#form1 :enabled');//这个表示能够启用的且id为form1下的所有启用的元素。

$('input:checked')

$('input:disabled')

$ ('select:selected')

$(“:input")选取所有input、textarea、select和button元素。和$("input")不一样,

$("input")只获得input

$(":text")选取所有单行文本框,等价于

$("input[type=text]"),$(‘input[type=text]'),$(‘:text');

$(“:password”)选取所有密码框。

内容过滤选择器:

:contains(text):过滤出包含给定文本的元素。

:empty包含没有子元素的或者是内容为空的元素。

:has(selecttor)

:parent 获得有子元素的元素。

可见性过滤器:

:hidden

选取所有不可见元素包括:(如果直接写:hidden则会包含head\title\script\style….)

1.表单元素type=“hidden”

2.设置css的display:none

3.高度和宽度明确设置为0的元素。

4.父元素时隐藏的,所以子元素也是隐藏的

visibility: hidden 与opacity为0不算,因为还占位所以不认为是hidden.(与之前版本

jQuery不太一样,1.3.2之前)

:visible

选取所有可见元素

子元素过滤选择器:

first-child 与first的区别:first只能选取第一个,而first-child,则能选取每个子元素的第一个元素。

last-child:

only-child:匹配当前父元素中只有一个子元素的元素。

nth-child:对比eq()来理解,eq()值匹配一个,nth-child()为每个父元素都要匹配一个子元素。

nth-child(index),index从1开始

nth-child(even)

nth-child(odd)

nth-child(3n),选取3的倍数的元素

nth-child(3n+1)满足3的倍数+1的元素


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/751.html