คลิกตัวเลือก: คลิกตัวเลือกเพื่อดูว่าองค์ประกอบใดได้รับเลือกในผลลัพธ์:
$("#นามสกุล")
$(".intro")
$(".intro, #นามสกุล")
$("h1")
$("h1, p")
$("p:แรก")
$("p:สุดท้าย")
$("tr:คู่")
$("tr:คี่")
$("p:ลูกคนแรก")
$("p:แรกของประเภท")
$("p:ลูกคนสุดท้าย")
$("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:ลูกคนเดียว")
$("h3:only-of-type")
$("div > p")
$("div p")
$("ul + p")
$("ul ~ ตาราง")
$("ul li:eq(0)")
$("ul li:gt(0)")
$("ul li:lt(2)")
$(":ส่วนหัว")
$(":header:not(h1)")
$(":เคลื่อนไหว")
$(":โฟกัส")
$(":มี(เป็ด)")
$("div:has(p)")
$(":ว่าง")
$(":ผู้ปกครอง")
$("p:ซ่อน")
$("ตาราง:มองเห็นได้")
$(":ราก")
$("p:lang(it)")
$("[id]")
$("[id=ที่อยู่ของฉัน]")
$("p[id!=my-Address]")
$("[id$=ess]")
$("[id|=my]")
$("[id^=L]")
$("[title~=สวย]")
$("[id*=s]")
$(":อินพุต")
$(":ข้อความ")
$(":รหัสผ่าน")
$(":วิทยุ")
$(":กล่องกาเครื่องหมาย")
$(":submit")
$(":รีเซ็ต")
$(":ปุ่ม")
$(":image")
$(":ไฟล์")
$(":เปิดใช้งาน")
$(":ปิดการใช้งาน")
$(":เลือก")
$(":ตรวจสอบ")
$("*")
ผลลัพธ์:

<h1>ยินดีต้อนรับสู่หน้าแรกของฉัน</h1>

<div class="intro">

<p>ฉันชื่อโดนัลด์<span id="Lastname">เป็ด</span> </p>

<p id="my-Address">ฉันอาศัยอยู่ที่ Duckburg </p>

<p>ฉันมีเพื่อนมากมาย: </p>

</div>

<ul id="Listfriends>
  • <li>โง่</li>
  • <li>มิกกี้</li>
  • <li>เดซี่</li>
  • <li>ดาวพลูโต</li>
</ul>

    <p>ชอบเดซี่มาก!! </p>

    <p lang="it" title="สวัสดีคนสวย">เซียวเบลล่า</p>

    <h3>พวกเราล้วนเป็นสัตว์! </h3>

    <p> <b>การค้นพบล่าสุดของฉันทำให้ฉันเชื่อว่าเราทุกคนเป็นสัตว์: </b> </p>

    <ตาราง>
      ชื่อ ประเภทของสัตว์
      มิกกี้ หนู
      กู๊ฟฟี่ สุนัข
      เดซี่ เป็ด
      พลูโต สุนัข
      </table>

      คลิกตัวเลือก jQuery และดูองค์ประกอบที่ระบุได้รับเลือก © w3schools.com