>웹 프론트엔드 >JS 튜토리얼 >jQuery는 객체를 가져오고 하위 object_jquery를 찾습니다.

jQuery는 객체를 가져오고 하위 object_jquery를 찾습니다.

WBOY
WBOY원래의
2016-05-16 18:25:591333검색

선택 항목의 특수 기호:

# 명령 ID
. 명령 클래스
* 모두 선택
, 다중 선택
공간 하위
> 🎜> 다음
: 하위(다기능)
() 기능 필터링 및 검색

div 아래의 모든 헤더 개체 가져오기: $("div :header")


AAA


BBB


CCC



DDD


FFF





모든 제목 개체 가져오기: $(" :header")



코드 복사

BB

CCC


DDD

EEE


FFF





as: $("li:first") 또는 $("li").first() 또는 $("ul :first") 또는 $("ul li:first")




코드 복사



코드는 다음과 같습니다.
  • 111
  • ;/ul>

    • YYY

    • ZZZ



    $("li:first-child") 또는 $("ul li:first-child") 또는 $("와 같이 각 그룹의 첫 번째 항목을 가져옵니다. ul : first-child")




    코드 복사


    코드는 다음과 같습니다.


    < ul>

  • BBB

  • DDD
  • EEE
  • GGG


  • $("li:last") 또는 $("li ").last() 또는 $("ul :last") 또는 $("ul li:last")




    코드 복사


    코드는 다음과 같습니다.



    • AAA

    • BBB
    • ;CCC
    • DDD

    • FFF

    • GGG

      ;li>XXX
    • 코드 복사


      코드는 다음과 같습니다.


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取第几个之后的, 如(获取第三个之后的, gt 是 0 起): $("li:gt(2)")
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取第几个个 앞의, 如(获取第三个 앞적, lt 是 0 起): $("li:lt(2)")
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取索引值是偶数的, 如(even 是 0 起): $("li:even")
      复system代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取索引值是奇数的, 如(odd 是 0 起): $("li:odd")
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取每组第偶数个, 如(n번째-자식 是 1 起): $("li:nth-child(even)")
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取每组第奇数个, 如(n번째-자식 是 1 起): $("li:nth-child(odd)")
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")
      复主代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      사용 설명 表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")
      复代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      如果是父元素中唯一的子元素, 如: $("li:only-child")
      复代代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ



      :not 是对其他选择적取反, 如: $("li:not(li:first-child)")
      复aze代码 代码如下:


      • AAA

      • BBB

      • CCC

      • DDD

      • EEE

      • FFF

      • GGG



      • 111



      • XXX

      • YYY

      • ZZZ


    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.