jquery笔记:选择器


$("prev +next") 匹配所有紧接在 prev 元素后的 next 元素

$("prev ~siblings") 匹配 prev 元素之后的所有 siblings 元素

$('li:first'); 匹配第一个
$("input:not(:checked)")  去除所有与给定选择器匹配的元素
$("tr:even") 匹配所有索引值为偶数的元素,从 0 开始计数
$("tr:odd")  匹配所有索引值为奇数的元素,从 0 开始计数
$("tr:eq(1)") 匹配一个给定索引值的元素
$("tr:gt(0)") 匹配所有大于给定索引值的元素
$("p:lang(it)") :lang选择器,匹配有一个语言值等于所提供的语言代码,或以提供的语言代码开始,后面马上跟一个“ - ”的元素。例如,选择器$("div:lang(en)")
将匹配<div lang="en"> and <div lang="en-us">(和他们的后代<div>),但不包括<div lang="fr">
$('li:last') 获取匹配的最后个元素
$("tr:lt(2)") 匹配所有小于给定索引值的元素
$(":header") 匹配如 h1, h2, h3之类的标题元素
$("div:contains('John')") 匹配包含给定文本的元素
$("td:empty") 匹配所有不包含子元素或者文本的空元素
$("div:has(p)") 匹配含有选择器所匹配的元素的元素
$("td:parent") 匹配含有子元素或者文本的元素
$("tr:hidden") 匹配所有不可见元素,或者type为hidden的元素
$("tr:visible") 匹配所有的可见元素
$("div[id]")   
$("input[name='newsletter']")  
$("input[name!='newsletter']")      匹配包含给定属性的元素。
$("input[name^='news']")匹配给定的属性是以某些值开始的元素
$("input[name$='letter']") 匹配给定的属性是以某些值结尾的元素
$("input[name*='man']")匹配给定的属性是以包含某些值的元素
$("ul li:first-child") 匹配所给选择器( :之前的选择器)的第一个子元素
$(".abc:first-of-type");结构化伪类,匹配E的父元素的第一个E类型的孩子。等价于 :nth-of-type(1)  选择器。
$("ul li:last-child") 匹配最后一个子元素

:last-of-type  结构化伪类,匹配E的父元素的最后一个E类型的孩子

$("ul li:nth-child(2)")匹配其父元素下的第N个子或奇偶元素
$("ul li:nth-last-child(2)");:nth-last-child(n|even|odd|formula)  

选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。

因为jQuery的实现:nth-child(n)是严格来自CSS规范,所以n值是“1索引”,也就是说,从1开始计数。

对于所有其他选择器表达式,jQuery遵循JavaScript的“0索引”的计数。

因此,给定一个单一<ul>包含两个<li>, $('li:nth-child(1)')选择第一个<li>,而$('li:eq(1)')选择第二个。

$("ul li:nth-last-of-type(2)");:nth-last-of-type(n|even|odd|formula)选择的所有他们的父级元素的第n个子元素,计数从最后一个元素到第一个。

$("span:nth-of-type(2)");:nth-of-type(n|even|odd|formula)选择同属于一个父元素之下,并且标签名相同的子元素中的第n个。
$("ul li:only-child") 如果某个元素是父元素中唯一的子元素,那将会被匹配
$(":input") 匹配所有 input, textarea, select 和 button 元素
$(":text")匹配所有的单行文本框
$(":password")匹配所有密码框
$(":radio") 匹配所有单选按钮
$(":checkbox") 匹配所有复选框
$(":submit") 匹配所有提交按钮
$(":image") 匹配所有图像域(
<input type="image" />)
$(":reset") 匹配所有重置按钮
$(":button") 匹配所有按钮input button
$(":file")匹配所有文件域
$("input:enabled") 匹配所有可用元素
$("input:disabled") 匹配所有不可用元素
$("input:checked") 匹配所有选中的被选中元素(复选框、单选框等,select中的option),对于select元素来说,获取选中推荐使用 :selected
$("select option:selected") 匹配所有选中的option元素




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值