انقر فوق المحدد: انقر فوق المحدد لمعرفة العنصر (العناصر) الذي تم تحديده في النتيجة:
$ ("# Lastname")
$ (". intro")
$ (". intro، #Lastname")
$ ("h1")
$ ("h1، p")
$ ("p: first")
$ ("p: last")
$ ("tr: even")
$ ("tr: odd")
$ ("p: first-child")
$ ("p: الأول من نوعه")
$ ("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")
$ (": يحتوي على (Duck)")
$ ("div: has (p)")
$ (": فارغ")
$ (": الأصل")
$ ("p: hidden")
$ ("جدول: مرئي")
$ (": 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")
$ (": راديو")
$ (": مربع")
$ (": submit")
$ (": reset")
$ (": button")
$ (": image")
$ (": ملف")
$ (": ممكن")
$ (": معطل")
$ (": selected")
$ (": محدد")
$ ("*")
نتيجة:

<h1> مرحبًا بك في صفحتي الرئيسية </ 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"> Ciao bella </p>

    <h3> كلنا حيوانات! </h3>

    <p> <b> قادتني اكتشافاتي الأخيرة إلى الاعتقاد بأننا جميعًا حيوانات: </ b> </p>

    <جدول>
      اسم نوع من الحيوانات
      سخرية الفأر
      جوفي كلب
      ديزي بطة
      بلوتو كلب
      </table>

      انقر فوق محددات jQuery وشاهد العنصر (العناصر) المحددة التي تم تحديدها. © w3schools.com