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コンテンツがサーバーにアップロードされることはありません。

リアルタイムハイライト