jquery笔记:选择器

来源:互联网 发布:关闭电脑软件自动更新 编辑:程序博客网 时间:2024/06/04 00:32

$("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元素




0 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 在东莞读书读不成高中怎么办 嗓子哑了怎么办土方法 小孩舌头太长太大讲话不清楚怎么办 一周岁不喝奶粉怎么办 一岁的宝宝不吃奶粉怎么办 小孩不爱吃饭怎么办吃什么药 小孩这几天不爱吃饭怎么办 宝宝这几天不爱吃饭怎么办 想看书看不进去怎么办 宝宝3岁不爱看书怎么办 4岁宝宝不爱看书怎么办 1岁宝宝不爱看书怎么办 孩子一看书就哭怎么办 我不想读大专了怎么办 一年级的小孩不爱学习怎么办 高中的孩子不爱学习怎么办 9个月宝宝肠胃不好怎么办 孩子高烧过后干呕不爱吃饭怎么办 母乳涨奶发烧了怎么办 涨奶发烧了怎么办啊 2岁宝贝不吃饭怎么办 4个月的婴儿厌食怎么办 2个月婴儿厌食怎么办 3个月宝宝厌奶怎么办 没胃口吃不下饭怎么办 小孩吃多了积食怎么办 孩子吃撑了难受怎么办 卵巢早衰月经量少怎么办 7岁孩吃饭少消瘦怎么办 宝宝3岁不吃饭怎么办 小孩吃多了吐了怎么办 6岁儿童越来越瘦怎么办 7岁儿童不吃饭怎么办 天热宝宝不好好吃饭怎么办 天热宝宝不爱吃饭怎么办 天热宝宝不想吃饭怎么办 夏天天热宝宝不爱吃饭怎么办 3岁宝宝吃饭不香怎么办 胃ca吃饭反胃没食欲怎么办 12岁儿童脸色发黄怎么办 胃饿 但是没食欲不想吃饭怎么办