HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt
セレクターをクリックします。 セレクターをクリックして、結果で選択される要素を確認します。
$（ "＃Lastname"）
$（ "。intro"）
$（ "。intro、＃Lastname"）
$（ "h1"）
$（ "h1、p"）
$（ "p：first"）
$（ "p：last"）
$（ "tr：even"）
$（ "tr：odd"）
$（ "p：first-child"）
$（ "p：first-of-type"）
$（ "p：last-child"）
$（ "p：last-of-type"）
$（ "li：nth-​​child（1）"）
$（ "li：nth-​​last-child（1）"）
$（ "li：nth-​​of-type（2）"）
$（ "li：nth-​​last-of-type（2）"）
$（ "b：only-child"）
$（ "h3：only-of-type"）
$（ "div> p"）
$（ "div p"）
$（ "ul + p"）
$（ "ul〜table"）
$（ "ul li：eq（0）"）
$（ "ul li：gt（0）"）
$（ "ul li：lt（2）"）
$（ "：header"）
$（ "：header：not（h1）"）
$（ "：animated"）
$（ "：focus"）
$（ "：contains（Duck）"）
$（ "div：has（p）"）
$（ "：empty"）
$（ "：parent"）
$（ "p：hidden"）
$（ "table：visible"）
$（ "：root"）
$（ "p：lang（it）"）
$（ "[id]"）
$（ "[id = my-Address]"）
$（ "p [id！= my-Address]"）
$（ "[id $ = ess]"）
$（ "[id | = my]"）
$（ "[id ^ = L]"）
$（ "[title〜 = beautiful]"）
$（ "[id * = s]"）
$（ "：input"）
$（ "：text"）
$（ "：password"）
$（ "：radio"）
$（ "：checkbox"）
$（ "：submit"）
$（ "：reset"）
$（ "：button"）
$（ "：image"）
$（ "：file"）
$（ "：enabled"）
$（ "：disabled"）
$（ "：selected"）
$（ "：checked"）
$（ "*"）
結果：

<h1>マイホームページへようこそ</ h1>

<div class = "intro">

<p>私の名前はドナルド<spanid = "Lastname">アヒル</ span> </ p>

<pid = "my-Address">私はダックバーグに住んでいます</ p>

<p>たくさんの友達がいます：</ p>

</ div>

<ul id = "Listfriends>
  • <li>間抜けな</ li>
  • <li>ミッキー</ li>
  • <li>デイジー</ li>
  • <li>冥王星</ li>
</ ul>

    <p>デイジーが大好き！</ p>

    <p lang = "it" title = "Hellobeautiful">チャオベラ</ p>

    <h3>私たちはみんな動物です！</ h3>

    <p> <b>最近の発見により、私たちはすべて動物であると信じるようになりました。</ b> </ p>

    <表>
      名前 動物の種類
      ミッキー ねずみ
      グーフィー 犬
      デイジー アヒル
      冥王星 犬
      </ table>

      jQueryセレクターをクリックして、指定された要素が選択されることを確認します。© w3schools.com