JQuery(入门~选择器)
warning:
这篇文章距离上次修改已过202天,其中的内容可能已经有所变动。
在JQuery中,选择器是用来选择DOM元素的一种方式。选择器可以基于元素ID、类、类型、属性、属性值等进行选择。
以下是一些基本的JQuery选择器示例:
- 元素选择器:
$("p")
这段代码会选择所有的 <p>
元素。
- ID选择器:
$("#myId")
这段代码会选择ID为 myId
的元素。
- 类选择器:
$(".myClass")
这段代码会选择所有具有 myClass
类的元素。
- 属性选择器:
$("input[type='text']")
这段代码会选择所有类型为 text
的 <input>
元素。
- 伪类选择器:
$(":hidden")
这段代码会选择所有隐藏的元素。
- 并集选择器:
$("#myId, .myClass, input[type='text']")
这段代码会选择ID为 myId
的元素,所有具有 myClass
类的元素,以及所有类型为 text
的 <input>
元素。
- 子元素选择器:
$("div > p")
这段代码会选择所有 <div>
的直接子元素 <p>
。
- 后代选择器:
$("div p")
这段代码会选择所有在 <div>
内的 <p>
元素,不仅仅是直接子元素。
- 相邻兄弟选择器:
$("div + p")
这段代码会选择所有紧跟在 <div>
后面的 <p>
元素。
- 通用兄弟选择器:
$("div ~ p")
这段代码会选择所有位于 <div>
之后的所有 <p>
元素。
在实际应用中,你可以根据需要选择合适的选择器和组合它们以满足特定的选择需求。
评论已关闭