jQuery type选择器是jQuery中最常用的选择器之一,它可以根据元素的类型来选择元素。它可以使用标签名,如div、span、p等,也可以使用input元素的type属性,如text、password、checkbox等。
$("input[type='text']")
使用jQuery type选择器时,需要注意的是,它不能够直接获取到文本节点或者注释节点。因此,在使用type选择器时,需要特别注意这一点。
$("input[type='text'], textarea")
此外,jQuery type选择器还可以与其他选择器一起使用,来实现复杂的选择功能。例如:可以将type选择器与class或id选择器一起使用:
$("input.myClass[type='text']")
jQuery 选择器
选取属于其父元素的第三个 <p> 元素的每个 <p> 元素:
:nth-of-type(n) 选择器选取属于其父元素的特定类型的第 n 个子元素的所有元素。
提示:请使用 :nth-child() 选择器来选取属于其父元素的不限类型的第 n 个子元素的所有元素。
参数 | 描述 |
---|---|
n | 要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号是 1。 |
even | 选取每个偶数子元素。 |
odd | 选取每个奇数子元素。 |
formula | 规定哪个子元素需通过公式 (an + b) 来选取。 实例:p:nth-of-type(3n+2) 选取每个第三段,从第二段开始。 |
选取所有 <div> 元素的第二个 <p> 元素的每个 <p> 元素
如何选取所有 <div> 元素的第二个 <p> 元素的每个 <p> 元素。
使用公式 (an + b)
如何使用公式 (an + b) 来选取不同的子元素。
使用"偶数"和"奇数"
如何使用偶数和奇数来选取不同的子元素。
:nth-child()、:nth-last-child()、:nth-of-type() 和 :nth-of-last-type() 之间的不同
p:nth-child(2)、p:nth-last-child(2)、p:nth-of-type(2) 和 p:nth-of-last-type(2) 之间的不同。
jQuery 选择器
jQuery :root 选择器jQuery 选择器实例 设置 HTML 文档的背景颜色为黄色:$(":root").css("background-color","yellow");定义和...
jQuery :input 选择器jQuery 选择器实例 选取所有 input 元素:$(":input") 定义和用法 :input 选择器选取表单元素。 该选择器同...
jQuery element + next 选择器jQuery 选择器实例 选取与每个 div 元素相邻的下一个 p 元素:$("div + p")定义和用法 ("element +...
jQuery html() 方法jQuery HTML/CSS 方法实例 改变所有 p 元素的内容:$("button").click(function(){ $("p").html("Hello bworl...
jQuery DOM 元素方法实例获得第一个 p 元素的名称和值:$("button").click(function(){x=$("p").get(0);$("div").text(x.nodeNam...