jQuery选择器 测试员

通过实时预览测试和调试您的CSS与jQuery选择器。

选择器库

测试选择器

jQuery 3.7.1
$("
")

实时预览

0个匹配项

<h1>欢迎使用jQuery测试工具</h1>

<div class="intro">

<p>我叫比尔 <span id="Lastname">门</span></p>

<p id="my-Address">我住在美国</p>

<p>我有很多朋友：</p>

</div>
<ul id="Listfriends">
  • <li>米奇</li>
  • <li>雏菊</li>
  • <li>古菲</li>
  • <li>冥王星</li>
</ul>

<p>其中我真的很喜欢米奇！！</p>

<p lang="it" title="Hello beautiful">露西和汤姆</p>

<table>
太阳系 内行星
水星金星
地球火星
木星土星
</table>

关于选择器

基本选择器

ID、类、标签名和通用选择器构成了jQuery定位的基础。

层级结构

根据元素与其他元素的关系（父级、子级、同级）进行选择。

筛选器

强大的伪类选择器，如 :first、:last、:even、:odd，用于精确筛选元素。

安全且快速

所有处理都在您的浏览器中进行。您的HTML内容绝不会上传到任何服务器。

实时高亮显示