介紹 jQuery 常見的選擇器,以及以下 api 的用法

問題:
介紹 jQuery 常見的選擇器,以及以下 api 的用法,給出范例

  • .eq
  • .next / .prev
  • .nextAll / .prevAll
  • .siblings
  • .parent / .parents
  • .children / .find
  • .filter
  • .has
  • .is
    示例代碼:
<body>
<ul class="ul">
  <li>1</li>
  <li>2</li>
  <li class="li3">
    <span>3</span></li>
  <p>p1</p>
  <li>4</li>
  <p>p2</p>
</ul>
  <p>我被選中了</p>
</body>

  1. .eq(index)
    對(duì)于一個(gè)特定結(jié)果集,我們想獲取到指定index的jQuery對(duì)象,可以使用eq方法

    image
  2. .next()
    next取得匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。如果提供一個(gè)選擇器,那么只有緊跟著的兄弟元素滿足選擇器時(shí),才會(huì)返回此元素。

    image
    image

    2.1. .prev()
    prev正好相反,獲取元素之前的同輩元素

    image
    image

    如果同輩之前沒有元素則返回空

    image
  3. .nextAll()
    nextAll獲得每個(gè)匹配元素集合中每個(gè)元素所有后面的同輩元素,選擇性篩選的選擇器

    image
    image

    3.1. .prevAll()
    prevAllnextAll相反,獲取元素前面的同輩元素

    image
    image
  4. .siblings()
    獲得匹配元素集合中每個(gè)元素的兄弟元素,可以提供一個(gè)可選的選擇器

    image
  5. .parent()
    取得匹配元素集合中,每個(gè)元素的父元素,可以提供一個(gè)可選的選擇器

    image

    5.1. .parents()
    獲得集合中每個(gè)匹配元素的祖先元素,可以提供一個(gè)可選的選擇器作為參數(shù)

    image
  6. .children()
    獲得匹配元素集合中每個(gè)元素的子元素,選擇器選擇性篩選

    image
    image

    6.1. .find()
    查找符合選擇器的后代元素

    image
  7. .filter()
    篩選當(dāng)前結(jié)果集中符合條件的對(duì)象,參數(shù)可以是一個(gè)選擇器或者一個(gè)函數(shù)

    image
    image
  8. has()
    篩選匹配元素集合中的那些有相匹配的選擇器或DOM元素的后代元素

    image
  9. .is()
    判斷當(dāng)前匹配的元素集合中的元素,是否為一個(gè)選擇器,DOM元素,或者jQuery對(duì)象,如果這些元素至少一個(gè)匹配給定的參數(shù),那么返回true

    image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容