jquery笔记:选择器

    xiaoxiao2021-03-26  27

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

    转载请注明原文地址: https://ju.6miu.com/read-660611.html

    最新回复(0)