jQuery 元素选择器集合
在jQuery中,元素选择器是一种基于CSS选择器语法来选择HTML元素的方法。jQuery提供了丰富的选择器,可以用来选取特定的DOM元素。
以下是一些常用的jQuery元素选择器的示例:
- 选择所有的
<p>
元素:
$('p').doSomething();
- 选择
id
为myId
的元素:
$('#myId').doSomething();
- 选择所有的
class
为myClass
的元素:
$('.myClass').doSomething();
- 选择所有的
<div>
元素中的<p>
元素:
$('div p').doSomething();
- 选择直接子元素
<ul>
下的所有<li>
元素:
$('ul > li').doSomething();
- 选择所有同级的
<p>
元素:
$('p + p').doSomething();
- 选择所有后面的兄弟
<p>
元素:
$('p ~ p').doSomething();
- 选择第一个
<p>
元素:
$('p:first').doSomething();
- 选择最后一个
<p>
元素:
$('p:last').doSomething();
- 选择索引为1的
<p>
元素:
$('p:eq(1)').doSomething();
- 选择所有可见的
<p>
元素:
$('p:visible').doSomething();
- 选择所有的
<p>
元素,它们具有myAttr
属性:
$('p[myAttr]').doSomething();
- 选择所有
<p>
元素,它们的myAttr
属性等于myValue
:
$('p[myAttr="myValue"]').doSomething();
- 选择所有
<input>
元素,它们的type
属性为text
:
$('input[type="text"]').doSomething();
在这些示例中,.doSomething()
是一个占位符,代表你想要执行的具体方法。实际使用时,你需要将.doSomething()
替换为实际的方法。
评论已关闭