首页 > 网站 > WEB开发 > 正文

jquery笔记:选择器

2024-04-27 15:06:09
字体:
来源:转载
供稿:网友

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表