jQuery 元素选择器集合
warning:
这篇文章距离上次修改已过450天,其中的内容可能已经有所变动。
在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()替换为实际的方法。
评论已关闭